main.scss 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. // main.scss - in here we just include all the other partials
  2. // ======================================================================
  3. // first we include global variable-maps from the config
  4. @import 'config/colors';
  5. @import 'config/fonts';
  6. @import 'config/breakpoints';
  7. // include the sizes after the above maps, use defaults from font-config
  8. // to generate the default base-units and other dimensions
  9. @import 'config/defaults';
  10. // then we include all functions and mixins
  11. @import '../../node_modules/frckl-tools/all-tools';
  12. @import 'tools/centered';
  13. // next up: third party generic styles + resets
  14. @import '../../node_modules/normalize.css/normalize';
  15. @import '../../node_modules/frckl-reset/reset';
  16. // base styles - for raw html-elements, no classes
  17. @import 'base/root';
  18. @import 'base/fonts';
  19. @import 'base/rhythm';
  20. @import 'base/forms';
  21. @import 'base/headings';
  22. @import 'base/links';
  23. // throw in all other 3rdparty styles here this way we can override
  24. // vendor-styles in our modules, if we really need to
  25. // @import 'vendor/lightbox';
  26. // next up: all your modules. be careful with order/cascading here
  27. // have a look at the modules folder for already existing ones
  28. @import 'modules/animations';
  29. // @import 'modules/boxes';
  30. @import 'modules/buttons';
  31. @import 'modules/forms';
  32. // @import 'modules/grids';
  33. @import 'modules/icons';
  34. @import 'modules/logos';
  35. @import 'modules/navs';
  36. @import 'modules/typography';
  37. @import 'modules/answers';
  38. @import 'modules/score';
  39. @import 'modules/questions';
  40. @import 'modules/d3js';
  41. @import 'modules/votes';
  42. // layout modules, but i treat them as modules :)
  43. @import 'modules/wrapper';
  44. @import 'modules/header';
  45. @import 'modules/content';
  46. @import 'modules/footer';
  47. @import 'modules/debug';
  48. // generically used styles and that are able to override modules
  49. // if you have similar styles that override modules, throw them
  50. // in the folder 'overrides'
  51. @import '../../node_modules/frckl-helpers/clearfix';
  52. @import '../../node_modules/frckl-helpers/hidden';
  53. // @import 'overrides/your-override';