_page.scss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. ///
  2. /// Paradigm Shift 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. html {
  30. overflow-x: hidden;
  31. }
  32. body {
  33. background: _palette(bg);
  34. overflow-x: hidden;
  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. }