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

_page.scss 1.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. ///
  2. /// Stellar by HTML5 UP
  3. /// html5up.net | @ajlkn
  4. /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
  5. ///
  6. /* Basic */
  7. // MSIE: Required for IEMobile.
  8. @-ms-viewport {
  9. width: device-width;
  10. }
  11. // MSIE: Prevents scrollbar from overlapping content.
  12. body {
  13. -ms-overflow-style: scrollbar;
  14. }
  15. // Ensures page width is always >=320px.
  16. @include breakpoint('<=xsmall') {
  17. html, body {
  18. min-width: 320px;
  19. }
  20. }
  21. // Set box model to border-box.
  22. // Based on css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
  23. html {
  24. box-sizing: border-box;
  25. }
  26. *, *:before, *:after {
  27. box-sizing: inherit;
  28. }
  29. body {
  30. background-color: _palette(bg);
  31. @include vendor('background-image', (
  32. 'url("images/overlay.png")',
  33. 'linear-gradient(45deg, #{_palette(bg1)} 15%, #{_palette(bg2) 85%})',
  34. ));
  35. // Stops initial animations until page loads.
  36. &.is-preload {
  37. *, *:before, *:after {
  38. @include vendor('animation', 'none !important');
  39. @include vendor('transition', 'none !important');
  40. }
  41. }
  42. }