<commit_before>@import '../bootstrap'
@import '../components/_ripples'
@import '../theme'

button($material)
  color: $material.text.primary

  .icon
    color: $material.text.primary

  &.btn--disabled
    color: $material.buttons.disabled

    .icon
      color: $material.buttons.disabled

    &:not(.btn--icon):not(.btn--flat)
      background-color: $material.buttons.focused !important

  &:not(.btn--icon):not(.btn--flat)
    background-color: $material.app-bar

  // Specific styles for styling on date-picker
  &:not(.btn--disabled):not(.btn--date-picker)
    &.btn--icon,
    &.btn--floating
      color: $material.icons.active

theme(button, "btn")

/** Base Spec */
.btn
  align-items: center
  border-radius: $button-border-radius
  display: inline-flex
  height: $button-height
  flex: 0 1 auto
  font-size: $button-font-size
  font-weight: $button-font-weight
  justify-content: center
  margin: $button-margin
  min-width: $button-min-width
  outline: 0
  text-transform: $button-text-transform
  text-decoration: none
  transition: .3s $transition.swing, color 1ms
  position: relative
  vertical-align: middle
  user-select: none


/** Psuedo */
.btn
  &__content:before
    border-radius: inherit
    color: inherit
    content: ''
    position: absolute
    left: 0
    top: 0
    height: 100%
    opacity: .12
    transition: $primary-transition
    width: 100%

/** Content */
.btn
  &--active,
  &:hover,
  &:focus
    .btn__content:before
      background-color: currentColor

  &__content
    align-items: center
    border-radius: inherit
    color: inherit
    display: flex
    height: 100%
    flex: 1 0 auto
    justify-content: center
    margin: 0 auto
    padding: $button-padding
    transition: $primary-transition
    white-space: nowrap

/** Icons */
.btn .btn__content .icon
  color: inherit

/** Types */
.btn
  &--flat
    background-color: transparent !important
    box-shadow: none !important

  &--raised
    will-change: box-shadow
    elevation(2)

    &:active
      elevation(8)

  &--icon
    background: transparent
    box-shadow: none !important
    border-radius: 50%
    justify-content: center
    height: $button-height
    width: $button-height
    min-width: 0

    .btn__content
      padding: 0

      &:before
        border-radius: 50%

    &.btn--small
      width: $button-small-height

      .btn__content
        height: $button-small-height

    &.btn--large
      width: $button-large-height

      .btn__content
        height: $button-large-height

  &--floating
    border-radius: 50%
    min-width: 0
    height: $button-floating-width
    width: $button-floating-width
    padding: 0
    elevation(6)

    &:active
      elevation(12)
<commit_msg>#1814<commit_after>@import '../bootstrap'
@import '../components/_ripples'
@import '../theme'

button($material)
  color: $material.text.primary

  .icon
    color: $material.text.primary

  &.btn--disabled
    color: $material.buttons.disabled

    .icon
      color: $material.buttons.disabled

    &:not(.btn--icon):not(.btn--flat)
      background-color: $material.buttons.focused !important

  &:not(.btn--icon):not(.btn--flat)
    background-color: $material.app-bar

  // Specific styles for styling on date-picker
  &:not(.btn--disabled):not(.btn--date-picker)
    &.btn--icon,
    &.btn--floating
      color: $material.icons.active

theme(button, "btn")

/** Base Spec */
.btn
  align-items: center
  border-radius: $button-border-radius
  display: inline-flex
  height: $button-height
  flex: 0 1 auto
  font-size: $button-font-size
  font-weight: $button-font-weight
  justify-content: center
  margin: $button-margin
  min-width: $button-min-width
  outline: 0
  text-transform: $button-text-transform
  text-decoration: none
  transition: .3s $transition.swing, color 1ms
  position: relative
  vertical-align: middle
  user-select: none


/** Psuedo */
.btn
  &__content:before
    border-radius: inherit
    color: inherit
    content: ''
    position: absolute
    left: 0
    top: 0
    height: 100%
    opacity: .12
    transition: $primary-transition
    width: 100%

/** Content */
.btn
  &--active,
  &:hover,
  &:focus
    .btn__content:before
      background-color: currentColor

  &__content
    align-items: center
    border-radius: inherit
    color: inherit
    display: flex
    height: 100%
    flex: 1 0 auto
    justify-content: center
    margin: 0 auto
    padding: $button-padding
    transition: $primary-transition
    white-space: nowrap

/** Icons */
.btn .btn__content .icon
  color: inherit

/** Types */
.btn
  &--flat
    background-color: transparent !important
    box-shadow: none !important

  &--raised
    will-change: box-shadow
    elevation(2)

    &:active
      elevation(8)

  &--icon
    background: transparent
    box-shadow: none !important
    border-radius: 50%
    justify-content: center
    height: $button-height
    width: $button-height
    min-width: 0

    .btn__content
      padding: 0

      &:before
        border-radius: 50%

    &.btn--small
      width: $button-small-height

      .btn__content
        height: $button-small-height

    &.btn--large
      width: $button-large-height

      .btn__content
        height: $button-large-height

  &--floating
    border-radius: 50%
    min-width: 0
    height: $button-floating-width
    width: $button-floating-width
    padding: 0
    z-index: 1000
    elevation(6)

    &:active
      elevation(12)

{'fraction_non_alphanumeric': 0.13045871559633027, 'fraction_numerical': 0.014678899082568808, 'mean_word_length': 2.5442132639791937, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '230710', 'n_tokens_mistral': 1870, 'n_tokens_neox': 1745, 'n_words': 412}