@use '../../styles/settings'
@use './mixins' as *

.v-container
  @include make-container
  @include make-container-max-widths

  &--fluid
    max-width: 100%

  &.fill-height
    align-items: center
    display: flex
    flex-wrap: wrap

// Row
//
// Rows contain and clear the floats of your columns.
.v-row
  +make-row

  & + .v-row
    margin-top: settings.$grid-gutter * .5

    &--dense
      margin-top: settings.$form-grid-gutter * .5

  &--dense
    margin: -(settings.$form-grid-gutter) * .5

    > .v-col,
    > [class*="v-col-"]
      padding: settings.$form-grid-gutter * .5

  // Remove the negative margin from default .v-row, then the horizontal padding
  // from all immediate children columns (to prevent runaway style inheritance).
  &.v-row--no-gutters
    margin: 0
    > .v-col,
    > [class*="v-col-"]
      padding: 0

.v-spacer
  flex-grow: 1

// Columns
//
// Common styles for small and large grid columns
@include make-grid-columns