<commit_before>// Imports
@import './_variables.scss'

+theme(v-tabs) using ($material)
  > .v-tabs-bar
    background-color: map-get($material, $tabs-bar-background-color)

    .v-tab:not(.v-tab--active),
    .v-tab:not(.v-tab--active) > .v-icon,
    .v-tab--disabled
      color: map-get($material, 'tabs')

  .v-tab
    +states($material)

+theme(v-tabs-items) using ($material)
  background-color: map-get($material, 'cards')

.v-tabs-bar
  &.primary,
  &.secondary,
  &.accent,
  &.success,
  &.error,
  &.warning,
  &.info
    .v-tab,
    .v-tabs-slider
      color: map-deep-get($material-dark, 'text', 'primary')

// Block
.v-tabs
  flex: 1 1 auto
  width: 100%

  .v-menu__activator
    height: 100%

  &:not(.v-tabs--vertical)
    .v-tab
      white-space: normal

// Element
.v-tabs-bar
  border-radius: inherit
  height: $tabs-bar-height

  // https://github.com/vuetifyjs/vuetify/issues/6932
  &.v-slide-group--is-overflowing.v-tabs-bar--is-mobile:not(.v-tabs-bar--show-arrows):not(.v-slide-group--has-affixes)
    .v-slide-group__prev
      display: initial
      visibility: hidden

  &.v-item-group > *
    cursor: initial

.v-tab
  align-items: center
  display: flex
  flex: 0 1 auto
  font-size: $tab-font-size
  font-weight: $tab-font-weight
  justify-content: center
  letter-spacing: $tabs-item-letter-spacing
  line-height: $tab-line-height
  min-width: $tabs-item-min-width
  max-width: $tabs-item-max-width
  outline: none
  padding: $tabs-item-padding
  position: relative
  text-align: center
  text-decoration: none
  text-transform: uppercase
  transition: none
  user-select: none

  // Needs increased specificity
  &.v-tab
    color: inherit

  &:before
    background-color: currentColor
    bottom: 0
    content: ''
    left: 0
    opacity: 0
    pointer-events: none
    position: absolute
    right: 0
    top: 0
    transition: $primary-transition

  &:not(.v-tab-disabled)
    cursor: pointer

.v-tabs-slider
  background-color: currentColor
  height: 100%
  width: 100%

  &-wrapper
    bottom: 0
    margin: 0 !important
    position: absolute
    transition: $primary-transition
    z-index: 1

// Modifier
.v-tabs--align-with-title > .v-tabs-bar:not(.v-tabs-bar--show-arrows) > .v-slide-group__wrapper > .v-tabs-bar__content
  & > .v-tab:first-child,
  & > .v-tabs-slider-wrapper + .v-tab
    +ltr()
      margin-left: $tabs-item-align-with-title-margin

    +rtl()
      margin-right: $tabs-item-align-with-title-margin

.v-tabs--fixed-tabs > .v-tabs-bar,
.v-tabs--centered > .v-tabs-bar
  .v-tabs-bar__content > *:last-child
    +ltr()
      margin-right: auto

    +rtl()
      margin-left: auto

  .v-tabs-bar__content > *:first-child:not(.v-tabs-slider-wrapper),
  .v-tabs-slider-wrapper + *
    +ltr()
      margin-left: auto

    +rtl()
      margin-right: auto

.v-tabs--fixed-tabs > .v-tabs-bar
  .v-tab
    flex: 1 1 auto
    width: 100%

.v-tabs--grow > .v-tabs-bar
  .v-tab
    flex: 1 0 auto
    max-width: none

.v-tabs--icons-and-text > .v-tabs-bar
  height: $tabs-icons-and-text-bar-height

  .v-tab
    flex-direction: column-reverse

    > *:first-child
      margin-bottom: $tabs-icons-and-text-first-tab-margin-bottom

.v-tabs--overflow > .v-tabs-bar
  .v-tab
    flex: 1 0 auto

.v-tabs--right > .v-tabs-bar
  .v-tab:first-child,
  .v-tabs-slider-wrapper + .v-tab
    +ltr()
      margin-left: auto

    +rtl()
      margin-right: auto

  .v-tab:last-child
    +ltr()
      margin-right: 0

    +rtl()
      margin-left: 0

.v-tabs--vertical
  display: flex

  & > .v-tabs-bar
    height: auto

    .v-tabs-bar__content
      flex-direction: column

    .v-tab
      height: $tabs-item-vertical-height

    .v-tabs-slider
      height: 100%

  & > .v-window
    flex: 1 1 auto
<commit_msg>fix(VTabs): correct width of v-tab's bar and content with vertical<commit_after>// Imports
@import './_variables.scss'

+theme(v-tabs) using ($material)
  > .v-tabs-bar
    background-color: map-get($material, $tabs-bar-background-color)

    .v-tab:not(.v-tab--active),
    .v-tab:not(.v-tab--active) > .v-icon,
    .v-tab--disabled
      color: map-get($material, 'tabs')

  .v-tab
    +states($material)

+theme(v-tabs-items) using ($material)
  background-color: map-get($material, 'cards')

.v-tabs-bar
  &.primary,
  &.secondary,
  &.accent,
  &.success,
  &.error,
  &.warning,
  &.info
    .v-tab,
    .v-tabs-slider
      color: map-deep-get($material-dark, 'text', 'primary')

// Block
.v-tabs
  flex: 1 1 auto
  width: 100%

  .v-menu__activator
    height: 100%

  &:not(.v-tabs--vertical)
    .v-tab
      white-space: normal

// Element
.v-tabs-bar
  border-radius: inherit
  height: $tabs-bar-height

  // https://github.com/vuetifyjs/vuetify/issues/6932
  &.v-slide-group--is-overflowing.v-tabs-bar--is-mobile:not(.v-tabs-bar--show-arrows):not(.v-slide-group--has-affixes)
    .v-slide-group__prev
      display: initial
      visibility: hidden

  &.v-item-group > *
    cursor: initial

.v-tab
  align-items: center
  display: flex
  flex: 0 1 auto
  font-size: $tab-font-size
  font-weight: $tab-font-weight
  justify-content: center
  letter-spacing: $tabs-item-letter-spacing
  line-height: $tab-line-height
  min-width: $tabs-item-min-width
  max-width: $tabs-item-max-width
  outline: none
  padding: $tabs-item-padding
  position: relative
  text-align: center
  text-decoration: none
  text-transform: uppercase
  transition: none
  user-select: none

  // Needs increased specificity
  &.v-tab
    color: inherit

  &:before
    background-color: currentColor
    bottom: 0
    content: ''
    left: 0
    opacity: 0
    pointer-events: none
    position: absolute
    right: 0
    top: 0
    transition: $primary-transition

  &:not(.v-tab-disabled)
    cursor: pointer

.v-tabs-slider
  background-color: currentColor
  height: 100%
  width: 100%

  &-wrapper
    bottom: 0
    margin: 0 !important
    position: absolute
    transition: $primary-transition
    z-index: 1

// Modifier
.v-tabs--align-with-title > .v-tabs-bar:not(.v-tabs-bar--show-arrows) > .v-slide-group__wrapper > .v-tabs-bar__content
  & > .v-tab:first-child,
  & > .v-tabs-slider-wrapper + .v-tab
    +ltr()
      margin-left: $tabs-item-align-with-title-margin

    +rtl()
      margin-right: $tabs-item-align-with-title-margin

.v-tabs--fixed-tabs > .v-tabs-bar,
.v-tabs--centered > .v-tabs-bar
  .v-tabs-bar__content > *:last-child
    +ltr()
      margin-right: auto

    +rtl()
      margin-left: auto

  .v-tabs-bar__content > *:first-child:not(.v-tabs-slider-wrapper),
  .v-tabs-slider-wrapper + *
    +ltr()
      margin-left: auto

    +rtl()
      margin-right: auto

.v-tabs--fixed-tabs > .v-tabs-bar
  .v-tab
    flex: 1 1 auto
    width: 100%

.v-tabs--grow > .v-tabs-bar
  .v-tab
    flex: 1 0 auto
    max-width: none

.v-tabs--icons-and-text > .v-tabs-bar
  height: $tabs-icons-and-text-bar-height

  .v-tab
    flex-direction: column-reverse

    > *:first-child
      margin-bottom: $tabs-icons-and-text-first-tab-margin-bottom

.v-tabs--overflow > .v-tabs-bar
  .v-tab
    flex: 1 0 auto

.v-tabs--right > .v-tabs-bar
  .v-tab:first-child,
  .v-tabs-slider-wrapper + .v-tab
    +ltr()
      margin-left: auto

    +rtl()
      margin-right: auto

  .v-tab:last-child
    +ltr()
      margin-right: 0

    +rtl()
      margin-left: 0

.v-tabs--vertical
  display: flex

  & > .v-tabs-bar
    flex: 1 0 auto
    height: auto

    .v-slide-group__next,
    .v-slide-group__prev
      display: none

    .v-tabs-bar__content
      flex-direction: column

    .v-tab
      height: $tabs-item-vertical-height

    .v-tabs-slider
      height: 100%

  & > .v-window
    flex: 0 1 100%

{'fraction_non_alphanumeric': 0.1619607843137255, 'fraction_numerical': 0.01215686274509804, 'mean_word_length': 2.3498248686514884, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 43, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4816421', 'n_tokens_mistral': 3068, 'n_tokens_neox': 2886, 'n_words': 549}