<commit_before>// Style base button
[class*="ls-btn"]
  +single-transition(all, .2s)
  @extend .ls-cursor-pointer
  border: 1px solid mix($color-mix, #fff, 30%)
  padding: 6px 11px 7px
  border-radius: $default-radius
  background-color: #fff
  display: inline-block
  font-size: remtopx(.8125)
  line-height: 1.42857143
  text-decoration: none
  text-align: center
  white-space: normal
  color: #000
  vertical-align: top
  font-weight: normal
  -webkit-appearance: none
  -moz-appearance: none
  appearance: none

  &:hover,
  &:focus,
  &:active,
  &.ls-active
    border-color: mix($color-mix, #fff, 20%)
    background: mix($color-mix, #fff, 10%)
    +box-shadow(inset 0 3px 5px rgba(0, 0, 0, 0.05))

  p + &
    margin-top: 7px

  // Botões com disabled
  &.ls-disabled,
  &[disabled]
    opacity: .6
    cursor: default
    pointer-events: none

  &:empty:after
    @extend .ls-no-margin-left

  + .ls-dropdown,
  + [class*="ls-btn"]
    margin-left: 5px

  &.ls-btn-block
    @extend .ls-no-margin-left
    @extend .ls-no-margin-right
    @extend .ls-no-padding-right
    @extend .ls-no-padding-left
    display: block
    width: 100%

    &:first-child
      @extend .ls-no-margin-top

    & + .ls-btn-block
      margin-top: 15px

// Primary button
.ls-btn-primary
  color: #fff

// Dark
.ls-btn-dark
  background-color: $gray3
  border-color: $gray4
  color: $gray1

  &:hover,
  &:focus
    background-color: $gray4

  &[data-ls-module]:after
    border-top-color: $gray1

//
// Sizes of BTN
//
.ls-btn-lg
  font-size: remtopx(1)
  padding: 11px

.ls-btn-sm
  font-size: remtopx(.75)
  padding: 5px 11px

.ls-btn-xs
  font-size: remtopx(.75)
  padding: 2px 11px

.ls-btn-sm,
.ls-btn-xs
  line-height: 1.5

// Danger Button
.ls-btn-danger
  color: $color-danger

  &:hover,
  &:focus,
  &.ls-active
    background: #d75553
    border-color: mix($color-mix, $color-danger, 10%)
    color: #fff

// BTN Groups
.ls-group-btn
  @extend .ls-clearfix
  position: relative
  z-index: 3

  &.ls-float-none-xs
    margin-bottom: 10px

  [class*="ls-btn"]
    @extend .ls-float-left

    &:first-child:not(:last-child)
      border-top-right-radius: 0
      border-bottom-right-radius: 0

    &:not(:first-child):not(:last-child)
      @extend .ls-no-radius

    &:last-child:not(:first-child),
      border-bottom-left-radius: 0
      border-top-left-radius: 0

    & +[class*="ls-btn"],
      margin-left: -1px

    &:hover,
    &:focus
      +single-transition(none)
      outline: none

//
// Container that envolve the buttons in forms
//
.ls-actions-btn
  padding: 15px 0
  margin: 30px 0
  border-top: 1px solid rgba(0, 0, 0, .2)
  white-space: nowrap

  // when in inline forms
  .ls-form-inline &
    @extend .ls-no-padding
    margin: 0
    border: none
    display: inline-block

  // when in horizontal forms
  .ls-form-horizontal &
    @extend .ls-clearfix
    @extend .ls-no-padding
    @extend .ls-no-margin
    padding-top: 21px
    border: none

    [class*="ls-btn"]:not(.ls-btn-block)
      @extend .ls-no-margin-top<commit_msg>creating style of tabs-btn<commit_after>// Style base button
[class*="ls-btn"]
  +single-transition(all, .2s)
  @extend .ls-cursor-pointer
  border: 1px solid mix($color-mix, #fff, 30%)
  padding: 6px 11px 7px
  border-radius: $default-radius
  background-color: #fff
  display: inline-block
  font-size: remtopx(.8125)
  line-height: 1.42857143
  text-decoration: none
  text-align: center
  white-space: normal
  color: #000
  vertical-align: top
  font-weight: normal
  -webkit-appearance: none
  -moz-appearance: none
  appearance: none

  &:hover,
  &:focus,
  &:active,
  &.ls-active
    border-color: mix($color-mix, #fff, 20%)
    background: mix($color-mix, #fff, 10%)
    +box-shadow(inset 0 3px 5px rgba(0, 0, 0, 0.05))

  p + &
    margin-top: 7px

  // Botões com disabled
  &.ls-disabled,
  &[disabled]
    opacity: .6
    cursor: default
    pointer-events: none

  &:empty:after
    @extend .ls-no-margin-left

  + .ls-dropdown,
  + [class*="ls-btn"]
    margin-left: 5px

  &.ls-btn-block
    @extend .ls-no-margin-left
    @extend .ls-no-margin-right
    @extend .ls-no-padding-right
    @extend .ls-no-padding-left
    display: block
    width: 100%

    &:first-child
      @extend .ls-no-margin-top

    & + .ls-btn-block
      margin-top: 15px

// Primary button
.ls-btn-primary
  color: #fff

// Dark
.ls-btn-dark
  background-color: $gray3
  border-color: $gray4
  color: $gray1

  &:hover,
  &:focus
    background-color: $gray4

  &[data-ls-module]:after
    border-top-color: $gray1

//
// Sizes of BTN
//
.ls-btn-lg
  font-size: remtopx(1)
  padding: 11px

.ls-btn-sm
  font-size: remtopx(.75)
  padding: 5px 11px

.ls-btn-xs
  font-size: remtopx(.75)
  padding: 2px 11px

.ls-btn-sm,
.ls-btn-xs
  line-height: 1.5

// Danger Button
.ls-btn-danger
  color: $color-danger

  &:hover,
  &:focus,
  &.ls-active
    background: #d75553
    border-color: mix($color-mix, $color-danger, 10%)
    color: #fff

// BTN Groups
.ls-group-btn
  @extend .ls-clearfix
  position: relative
  z-index: 3

  &.ls-float-none-xs
    margin-bottom: 10px

  [class*="ls-btn"]
    @extend .ls-float-left

    &:first-child:not(:last-child)
      border-top-right-radius: 0
      border-bottom-right-radius: 0

    &:not(:first-child):not(:last-child)
      @extend .ls-no-radius

    &:last-child:not(:first-child),
      border-bottom-left-radius: 0
      border-top-left-radius: 0

    & +[class*="ls-btn"],
      margin-left: -1px

    &:hover,
    &:focus
      +single-transition(none)
      outline: none

//
// Container that envolve the buttons in forms
//
.ls-actions-btn
  padding: 15px 0
  margin: 30px 0
  border-top: 1px solid rgba(0, 0, 0, .2)
  white-space: nowrap

  // when in inline forms
  .ls-form-inline &
    @extend .ls-no-padding
    margin: 0
    border: none
    display: inline-block

  // when in horizontal forms
  .ls-form-horizontal &
    @extend .ls-clearfix
    @extend .ls-no-padding
    @extend .ls-no-margin
    padding-top: 21px
    border: none

    [class*="ls-btn"]:not(.ls-btn-block)
      @extend .ls-no-margin-top

//
// Buttons with data-ls-module="button"
//
.ls-tabs-btn

  [class*="ls-btn"]
    border-color: mix($color-mix, #fff, 20%)
    display: inline-block
    font-weight: bold
    padding: 20px 15px
    margin-bottom: 10px
    position: relative
    overflow: hidden
    width: 100%

    + [class*="ls-btn"]
      margin-left: 0

    &:hover,
    &:focus,
    &:active
      background-color: $gray2
      border-color: mix($color-mix, #fff, 15%)

    input
      position: absolute
      left: -12px
      top: -10px

  // with icons
  [class*="ls-ico"]
    font-size: remtopx(1)

    &:before,
    &:after
      font-size: remtopx(1.5)
      vertical-align: sub

  .ls-tabs-btn-nav
    list-style: none
    margin-right: 0
    margin-left: -5px

    [class*="col-"]
      padding: 0 5px

  .ls-tabs-container .ls-tab-content
    padding: 0
    border: none
    margin-bottom: 0

{'fraction_non_alphanumeric': 0.1552217453505007, 'fraction_numerical': 0.030901287553648068, 'mean_word_length': 2.4219285364659813, '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': '6984521', 'n_tokens_mistral': 2912, 'n_tokens_neox': 2669, 'n_words': 589}