_page.scss 879 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. ///
  2. /// Dimension 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. // Ensures page width is always >=320px.
  12. @include breakpoint('<=xsmall') {
  13. html, body {
  14. min-width: 320px;
  15. }
  16. }
  17. // Set box model to border-box.
  18. // Based on css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
  19. html {
  20. box-sizing: border-box;
  21. }
  22. *, *:before, *:after {
  23. box-sizing: inherit;
  24. }
  25. body {
  26. background: _palette(bg);
  27. // Stops initial animations until page loads.
  28. &.is-preload {
  29. *, *:before, *:after {
  30. @include vendor('animation', 'none !important');
  31. @include vendor('transition', 'none !important');
  32. }
  33. }
  34. }