_wrapper.scss 730 B

123456789101112131415161718192021222324252627282930313233343536
  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. /* Wrapper */
  7. #wrapper {
  8. @include vendor('display', 'flex');
  9. @include vendor('flex-direction', 'column');
  10. @include vendor('align-items', 'center');
  11. @include vendor('justify-content', 'space-between');
  12. position: relative;
  13. min-height: 100vh;
  14. width: 100%;
  15. padding: 4rem 2rem;
  16. z-index: 3;
  17. &:before {
  18. content: '';
  19. display: block;
  20. }
  21. @include breakpoint('<=xlarge') {
  22. padding: 3rem 2rem;
  23. }
  24. @include breakpoint('<=small') {
  25. padding: 2rem 1rem;
  26. }
  27. @include breakpoint('<=xsmall') {
  28. padding: 1rem;
  29. }
  30. }