Blog-style website for karathan using the self-made Stellar Theme powered by HTML5Up http://blog.karathan.at

main.scss 1.6KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. @import 'libs/vars';
  2. @import 'libs/functions';
  3. @import 'libs/mixins';
  4. @import 'libs/vendor';
  5. @import 'libs/breakpoints';
  6. @import 'libs/html-grid';
  7. @import 'font-awesome.min.css';
  8. @import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400';
  9. /*
  10. Stellar by HTML5 UP
  11. html5up.net | @ajlkn
  12. Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
  13. */
  14. // Breakpoints.
  15. @include breakpoints((
  16. xlarge: ( 1281px, 1680px ),
  17. large: ( 981px, 1280px ),
  18. medium: ( 737px, 980px ),
  19. small: ( 481px, 736px ),
  20. xsmall: ( 361px, 480px ),
  21. xxsmall: ( null, 360px )
  22. ));
  23. // Mixins.
  24. @mixin color($p) {
  25. @include color-typography($p);
  26. @include color-box($p);
  27. @include color-button($p);
  28. @include color-form($p);
  29. @include color-icon($p);
  30. @include color-list($p);
  31. @include color-section($p);
  32. @include color-table($p);
  33. @include color-spotlight($p);
  34. }
  35. // Base.
  36. @import 'base/reset';
  37. @import 'base/page';
  38. @import 'base/typography';
  39. // Component.
  40. @import 'components/row';
  41. @import 'components/box';
  42. @import 'components/button';
  43. @import 'components/form';
  44. @import 'components/icon';
  45. @import 'components/image';
  46. @import 'components/list';
  47. @import 'components/actions';
  48. @import 'components/icons';
  49. @import 'components/section';
  50. @import 'components/table';
  51. @import 'components/features';
  52. @import 'components/statistics';
  53. @import 'components/spotlight';
  54. // Layout.
  55. @import 'layout/header';
  56. @import 'layout/nav';
  57. @import 'layout/main';
  58. @import 'layout/footer';
  59. @import 'layout/wrapper';