spacing.scss 933 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. // This file provides both Sass and CSS variables for spacing
  2. $spacing-00: 0;
  3. $spacing-01: 2px;
  4. $spacing-02: 4px;
  5. $spacing-03: 6px;
  6. $spacing-04: 8px;
  7. $spacing-05: 12px;
  8. $spacing-06: 16px;
  9. $spacing-07: 20px;
  10. $spacing-08: 24px;
  11. $spacing-09: 32px;
  12. $spacing-10: 40px;
  13. $spacing-11: 48px;
  14. $spacing-12: 56px;
  15. $spacing-13: 64px;
  16. $spacing-14: 72px;
  17. $spacing-15: 80px;
  18. $spacing-16: 96px;
  19. :root {
  20. --spacing-00: #{$spacing-00};
  21. --spacing-01: #{$spacing-01};
  22. --spacing-02: #{$spacing-02};
  23. --spacing-03: #{$spacing-03};
  24. --spacing-04: #{$spacing-04};
  25. --spacing-05: #{$spacing-05};
  26. --spacing-06: #{$spacing-06};
  27. --spacing-07: #{$spacing-07};
  28. --spacing-08: #{$spacing-08};
  29. --spacing-09: #{$spacing-09};
  30. --spacing-10: #{$spacing-10};
  31. --spacing-11: #{$spacing-11};
  32. --spacing-12: #{$spacing-12};
  33. --spacing-13: #{$spacing-13};
  34. --spacing-14: #{$spacing-14};
  35. --spacing-15: #{$spacing-15};
  36. --spacing-16: #{$spacing-16};
  37. }