<commit_before>/**
  * @parent gaiden_css.components
  * @stylesheet buttons.css Buttons
  *
  * Some description here
  *
**/

/**
  * @styles sizes Sizes
  *
  * Some description here
  * @demo ../../demo/components/buttons/sizes/demo.html 262
**/

/**
  * @styles buttons_hc High Contrast
  *
  * Some description here
  * @demo ../../demo/components/buttons/hc/demo.html
**/

/**
  * @styles buttons_mc Medium Contrast
  *
  * Some description here
  * @demo ../../demo/components/buttons/mc/demo.html
**/

/**
  * @styles buttons_raised Raised
  *
  * Some description here
  * @demo ../../demo/components/buttons/raised/demo.html
**/

/**
  * @styles buttons_outline Outline
  *
  * Some description here
  * @demo ../../demo/components/buttons/outline/demo.html
**/

/**
  * @styles buttons_lc Low Contrast
  *
  * Some description here
  * @demo ../../demo/components/buttons/lc/demo.html
**/

/**
  * @styles buttons_reversed_lc Reversed Low Contrast
  *
  * Some description here
  * @demo ../../demo/components/buttons/reversed/lc/demo.html
**/

/**
  * @styles buttons_reversed_hc Reversed High Contrast
  *
  * Some description here
  * @demo ../../demo/components/buttons/reversed/hc/demo.html
**/

/**
  * @styles buttons_reversed_mc Reversed Medium Contrast
  *
  * Some description here
  * @demo ../../demo/components/buttons/reversed/mc/demo.html
**/

/**
  * @styles buttons_reversed_outline Reversed Outline
  *
  * Some description here
  * @demo ../../demo/components/buttons/reversed/outline/demo.html
**/

/**
  * @styles buttons_reversed_raised Reversed Raised
  *
  * Some description here
  * @demo ../../demo/components/buttons/reversed/raised/demo.html
**/

.btn {
  display: inline-block;
  border-radius: 6px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 15px;
  border: 0;
  letter-spacing: .3px;
  cursor: pointer;
  background-color: transparent;
  transition: background-color .2s;

  &[disabled] {
    opacity: .3;
  }

  @include generate-button-types;
  @include generate-button-sizes;
}<commit_msg>Add fluid modifier to btn component<commit_after>/**
  * @parent gaiden_css.components
  * @stylesheet buttons.css Buttons
  *
  * Some description here
  *
**/

/**
  * @styles sizes Sizes
  *
  * Some description here
  * @demo ../../demo/components/buttons/sizes/demo.html 262
**/

/**
  * @styles buttons_hc High Contrast
  *
  * Some description here
  * @demo ../../demo/components/buttons/hc/demo.html
**/

/**
  * @styles buttons_mc Medium Contrast
  *
  * Some description here
  * @demo ../../demo/components/buttons/mc/demo.html
**/

/**
  * @styles buttons_raised Raised
  *
  * Some description here
  * @demo ../../demo/components/buttons/raised/demo.html
**/

/**
  * @styles buttons_outline Outline
  *
  * Some description here
  * @demo ../../demo/components/buttons/outline/demo.html
**/

/**
  * @styles buttons_lc Low Contrast
  *
  * Some description here
  * @demo ../../demo/components/buttons/lc/demo.html
**/

/**
  * @styles buttons_reversed_lc Reversed Low Contrast
  *
  * Some description here
  * @demo ../../demo/components/buttons/reversed/lc/demo.html
**/

/**
  * @styles buttons_reversed_hc Reversed High Contrast
  *
  * Some description here
  * @demo ../../demo/components/buttons/reversed/hc/demo.html
**/

/**
  * @styles buttons_reversed_mc Reversed Medium Contrast
  *
  * Some description here
  * @demo ../../demo/components/buttons/reversed/mc/demo.html
**/

/**
  * @styles buttons_reversed_outline Reversed Outline
  *
  * Some description here
  * @demo ../../demo/components/buttons/reversed/outline/demo.html
**/

/**
  * @styles buttons_reversed_raised Reversed Raised
  *
  * Some description here
  * @demo ../../demo/components/buttons/reversed/raised/demo.html
**/

.btn {
  display: inline-block;
  border-radius: 6px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 15px;
  border: 0;
  letter-spacing: .3px;
  cursor: pointer;
  background-color: transparent;
  transition: background-color .2s;

  &[disabled] {
    opacity: .3;
  }

  &--fluid {
    display: block;
    width: 100%;
  }

  @include generate-button-types;
  @include generate-button-sizes;
}
{'fraction_non_alphanumeric': 0.15785697201626406, 'fraction_numerical': 0.006936139679502512, 'mean_word_length': 2.8794063079777366, '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': '797733', 'n_tokens_mistral': 1487, 'n_tokens_neox': 1395, 'n_words': 286}