VGrid.sass 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. @use '../../styles/settings'
  2. @use '../../styles/tools'
  3. @use './mixins' as *
  4. @include tools.layer('components')
  5. .v-container
  6. @include make-container
  7. @include make-container-max-widths
  8. &--fluid
  9. max-width: 100%
  10. &.fill-height
  11. align-items: center
  12. display: flex
  13. flex-wrap: wrap
  14. // Row
  15. //
  16. // Rows contain and clear the floats of your columns.
  17. .v-row
  18. @include make-row
  19. & + .v-row
  20. margin-top: settings.$grid-gutter * .5
  21. &--dense
  22. margin-top: settings.$form-grid-gutter * .5
  23. &--dense
  24. margin: -(settings.$form-grid-gutter) * .5
  25. > .v-col,
  26. > [class*="v-col-"]
  27. padding: settings.$form-grid-gutter * .5
  28. // Remove the negative margin from default .v-row, then the horizontal padding
  29. // from all immediate children columns (to prevent runaway style inheritance).
  30. &.v-row--no-gutters
  31. margin: 0
  32. > .v-col,
  33. > [class*="v-col-"]
  34. padding: 0
  35. .v-spacer
  36. flex-grow: 1
  37. // Columns
  38. //
  39. // Common styles for small and large grid columns
  40. @include make-grid-columns