_col.scss 832 B

123456789101112131415161718192021222324252627282930313233
  1. @use 'sass:math';
  2. @use '../common/var' as *;
  3. @use './mixins' as *;
  4. @mixin col-size($size) {
  5. @include res($size) {
  6. @for $i from 0 through 24 {
  7. .#{$namespace}-col-#{$size}-#{$i} {
  8. display: if($i == 0, none, block);
  9. max-width: (math.div(1, 24) * $i * 100) * 1%;
  10. flex: 0 0 (math.div(1, 24) * $i * 100) * 1%;
  11. @include when(guttered) {
  12. display: if($i == 0, none, block);
  13. }
  14. }
  15. .#{$namespace}-col-#{$size}-offset-#{$i} {
  16. margin-left: (math.div(1, 24) * $i * 100) * 1%;
  17. }
  18. .#{$namespace}-col-#{$size}-pull-#{$i} {
  19. position: relative;
  20. right: (math.div(1, 24) * $i * 100) * 1%;
  21. }
  22. .#{$namespace}-col-#{$size}-push-#{$i} {
  23. position: relative;
  24. left: (math.div(1, 24) * $i * 100) * 1%;
  25. }
  26. }
  27. }
  28. }