_widths.scss 478 B

1234567891011121314151617181920212223242526272829303132
  1. .max-width {
  2. width: 100%;
  3. }
  4. .width-auto {
  5. width: auto;
  6. }
  7. // widths
  8. @for $i from 1 through 30 {
  9. .width-#{$i} {
  10. width: ($spacer * $i) !important;
  11. }
  12. }
  13. @for $i from 1 through 30 {
  14. .max-width-#{$i} {
  15. max-width: ($spacer * $i) !important;
  16. flex-grow: 1;
  17. }
  18. }
  19. @for $i from 1 through 30 {
  20. .min-width-#{$i} {
  21. min-width: ($spacer * $i) !important;
  22. }
  23. }
  24. @for $i from 1 through 30 {
  25. .offset-width-#{$i} {
  26. margin-left: ($spacer * $i) !important;
  27. }
  28. }