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

// Theme
+theme(v-alert) using ($material)
  .v-alert--prominent .v-alert__icon
    &:after
      background: map-get($material, 'dividers')

// Block
.v-alert
  display: block
  font-size: $alert-font-size
  margin-bottom: $alert-margin
  padding: $alert-padding
  position: relative
  +elevationTransition()

  &:not(.v-sheet--tile)
    border-radius: $alert-border-radius

  > .v-icon,
  > .v-alert__content
    margin-right: $alert-margin

  > .v-icon + .v-alert__content
    margin-right: 0

  > .v-alert__content + .v-icon
    margin-right: 0

  +rtl()
    > .v-icon,
    > .v-alert__content
      margin-right: 0
      margin-left: $alert-margin

    > .v-icon + .v-alert__content
      margin-left: 0

    > .v-alert__content + .v-icon
      margin-left: 0

// Elements
.v-alert__border
  border-style: solid
  border-width: $alert-border-width
  content: ''
  position: absolute

  &:not(.v-alert__border--has-color)
    opacity: $alert-border-opacity

  &--left,
  &--right
    bottom: 0
    top: 0

  &--bottom,
  &--top
    left: 0
    right: 0

  &--bottom
    border-bottom-left-radius: inherit
    border-bottom-right-radius: inherit
    bottom: 0

  &--left
    border-top-left-radius: inherit
    border-bottom-left-radius: inherit
    left: 0

  &--right
    border-top-right-radius: inherit
    border-bottom-right-radius: inherit
    right: 0

  &--top
    border-top-left-radius: inherit
    border-top-right-radius: inherit
    top: 0

  +rtl()
    &--left
      border-top-left-radius: 0
      border-bottom-left-radius: 0
      border-top-right-radius: inherit
      border-bottom-right-radius: inherit
      left: auto
      right: 0

    &--right
      border-top-left-radius: inherit
      border-bottom-left-radius: inherit
      border-top-right-radius: 0
      border-bottom-right-radius: 0
      left: 0
      right: auto

.v-alert__content
  flex: 1 1 auto

.v-alert__dismissible
  +ltr()
    margin: -16px -8px -16px 8px

  +rtl()
    margin: -16px 8px -16px -8px

.v-alert__icon
  align-self: flex-start
  border-radius: 50%
  height: $alert-icon-size
  margin-right: 16px
  min-width: $alert-icon-size
  position: relative

  +rtl()
    margin-right: 0
    margin-left: 16px

  &.v-icon
    font-size: $alert-icon-size

.v-alert__wrapper
  align-items: center
  border-radius: inherit
  display: flex

// Modifiers
.v-alert--dense
  padding-top: $alert-padding / 2
  padding-bottom: $alert-padding / 2

  .v-alert__border
    border-width: $alert-dense-border-width

.v-alert--outlined
  background: transparent !important
  border: $alert-outline !important

  .v-alert__icon
    color: inherit !important

.v-alert--prominent
  .v-alert__icon
    align-self: center
    height: $alert-promient-icon-size
    min-width: $alert-promient-icon-size

    &:after
      background: currentColor !important
      border-radius: 50%
      bottom: 0
      content: ''
      left: 0
      opacity: 0.16
      position: absolute
      right: 0
      top: 0

    &.v-icon
      font-size: $alert-promient-icon-font-size

.v-alert--text
  background: transparent !important

  &:before
    background-color: currentColor
    border-radius: inherit
    bottom: 0
    content: ''
    left: 0
    opacity: 0.12
    position: absolute
    right: 0
    top: 0<commit_msg>fix(VAlert): remove pointer events from psuedo element<commit_after>// Imports
@import './_variables.scss'

// Theme
+theme(v-alert) using ($material)
  .v-alert--prominent .v-alert__icon
    &:after
      background: map-get($material, 'dividers')

// Block
.v-alert
  display: block
  font-size: $alert-font-size
  margin-bottom: $alert-margin
  padding: $alert-padding
  position: relative
  +elevationTransition()

  &:not(.v-sheet--tile)
    border-radius: $alert-border-radius

  > .v-icon,
  > .v-alert__content
    margin-right: $alert-margin

  > .v-icon + .v-alert__content
    margin-right: 0

  > .v-alert__content + .v-icon
    margin-right: 0

  +rtl()
    > .v-icon,
    > .v-alert__content
      margin-right: 0
      margin-left: $alert-margin

    > .v-icon + .v-alert__content
      margin-left: 0

    > .v-alert__content + .v-icon
      margin-left: 0

// Elements
.v-alert__border
  border-style: solid
  border-width: $alert-border-width
  content: ''
  position: absolute

  &:not(.v-alert__border--has-color)
    opacity: $alert-border-opacity

  &--left,
  &--right
    bottom: 0
    top: 0

  &--bottom,
  &--top
    left: 0
    right: 0

  &--bottom
    border-bottom-left-radius: inherit
    border-bottom-right-radius: inherit
    bottom: 0

  &--left
    border-top-left-radius: inherit
    border-bottom-left-radius: inherit
    left: 0

  &--right
    border-top-right-radius: inherit
    border-bottom-right-radius: inherit
    right: 0

  &--top
    border-top-left-radius: inherit
    border-top-right-radius: inherit
    top: 0

  +rtl()
    &--left
      border-top-left-radius: 0
      border-bottom-left-radius: 0
      border-top-right-radius: inherit
      border-bottom-right-radius: inherit
      left: auto
      right: 0

    &--right
      border-top-left-radius: inherit
      border-bottom-left-radius: inherit
      border-top-right-radius: 0
      border-bottom-right-radius: 0
      left: 0
      right: auto

.v-alert__content
  flex: 1 1 auto

.v-alert__dismissible
  +ltr()
    margin: -16px -8px -16px 8px

  +rtl()
    margin: -16px 8px -16px -8px

.v-alert__icon
  align-self: flex-start
  border-radius: 50%
  height: $alert-icon-size
  margin-right: 16px
  min-width: $alert-icon-size
  position: relative

  +rtl()
    margin-right: 0
    margin-left: 16px

  &.v-icon
    font-size: $alert-icon-size

.v-alert__wrapper
  align-items: center
  border-radius: inherit
  display: flex

// Modifiers
.v-alert--dense
  padding-top: $alert-padding / 2
  padding-bottom: $alert-padding / 2

  .v-alert__border
    border-width: $alert-dense-border-width

.v-alert--outlined
  background: transparent !important
  border: $alert-outline !important

  .v-alert__icon
    color: inherit !important

.v-alert--prominent
  .v-alert__icon
    align-self: center
    height: $alert-promient-icon-size
    min-width: $alert-promient-icon-size

    &:after
      background: currentColor !important
      border-radius: 50%
      bottom: 0
      content: ''
      left: 0
      opacity: 0.16
      position: absolute
      right: 0
      top: 0

    &.v-icon
      font-size: $alert-promient-icon-font-size

.v-alert--text
  background: transparent !important

  &:before
    background-color: currentColor
    border-radius: inherit
    bottom: 0
    content: ''
    left: 0
    opacity: 0.12
    position: absolute
    pointer-events: none
    right: 0
    top: 0
{'fraction_non_alphanumeric': 0.12951450562462996, 'fraction_numerical': 0.017169923031379514, 'mean_word_length': 2.341740850642928, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 19, 'https://': 0, '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': '2268627', 'n_tokens_mistral': 2504, 'n_tokens_neox': 2335, 'n_words': 519}