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

@include tools.layer('components')
  .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
    @include 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