<commit_before>//Labels

//
//@variables
//
@import "functions";

//Label general settings
$label-padding: 0.21428571rem 0.42857143rem !default;
$label-font-size: px-to-rems(11) !default;
$label-font-weight: normal !default;
$label-font-color: #FFF !default;
$label-font-shadow-alpha: 0.20 !default;
$label-font-shadow-x: 0 !default;
$label-font-shadow-y: -1px !default;
$label-hover-decoration: none !default;
$label-default-background:  #95A5A6 !default;

//Label variations
$label-radius: 3px !default;
$label-round: 1000px !default;

//Label background variations
$label-primary-background: #3498db !default;
$label-success-background: #2ecc71 !default;
$label-danger-background: #e74c3c !default;
$label-warning-background: #e67e22 !default;

//
//@mixin
// We use this mixin to build the general settings for labels
//
@mixin label-base {
  display: inline-block;
  *display: inline-block;
  padding: $label-padding;
  font-size: $label-font-size;
  font-weight: $label-font-weight;
  color: $label-font-color;
  vertical-align: baseline;
  white-space: nowrap;
  text-shadow: $label-font-shadow-x $label-font-shadow-y 0 rgba(0,0,0, $label-font-shadow-alpha);

  &:hover {
    text-decoration: $label-hover-decoration;
  }
}

//
//@mixin
// We use this mixin to add styling to the labels
//
// $background-color - Is the background for the labels. Default: $label-default-background

@mixin label-style($background-color: $label-default-background) {
  background: $background-color;
}


//
//@mixin
//
// We use this mixin to let the user create custom buttons
// $background-color - Is the background color for the button to create. Default: $label-default-background
// $include-round - Wheter or not to add the round style on the custom button
// $include-radius - Wheter or not to add the radius size style on the custom button
// Example .custom-label { @include label($background-color: #1abc9c); }
//

@mixin label($background-color: $label-default-background, $include-round: true, $include-radius: true) {
  @include label-base;
  @include label-style($background-color);

  @if $include-round {
    &.round { @include border-radius($label-round); }
  }

  @if $include-radius {
    &.round { @include border-radius($label-radius); }
  }
}

//Label style definition
.label {
  @include label-base;
  @include label-style;

  &.round { @include border-radius($label-round); }
  &.radius { @include border-radius($label-radius); }


  //Label styles
  &.label-primary { @include label-style($label-primary-background); }
  &.label-success { @include label-style($label-success-background); }
  &.label-danger { @include label-style($label-danger-background); }
  &.label-warning { @include label-style($label-warning-background); }
}<commit_msg>updates rems using function, and updates the class names for labels variations<commit_after>//Labels

//
//@variables
//
@import "functions";

//Label general settings
$label-padding: px-to-rems(3) px-to-rems(6) !default;
$label-font-size: px-to-rems(11) !default;
$label-font-weight: normal !default;
$label-font-color: #FFF !default;
$label-font-shadow-alpha: 0.20 !default;
$label-font-shadow-x: 0 !default;
$label-font-shadow-y: -1px !default;
$label-hover-decoration: none !default;
$label-default-background:  #95A5A6 !default;

//Label variations
$label-radius: px-to-rems(3) !default;
$label-round: px-to-rems(1000) !default;

//Label background variations
$label-primary-background: #3498db !default;
$label-success-background: #2ecc71 !default;
$label-danger-background: #e74c3c !default;
$label-warning-background: #e67e22 !default;

//
//@mixin
// We use this mixin to build the general settings for labels
//
@mixin label-base {
  display: inline-block;
  *display: inline-block;
  padding: $label-padding;
  font-size: $label-font-size;
  font-weight: $label-font-weight;
  color: $label-font-color;
  vertical-align: baseline;
  white-space: nowrap;
  text-shadow: $label-font-shadow-x $label-font-shadow-y 0 rgba(0,0,0, $label-font-shadow-alpha);

  &:hover {
    text-decoration: $label-hover-decoration;
  }
}

//
//@mixin
// We use this mixin to add styling to the labels
//
// $background-color - Is the background for the labels. Default: $label-default-background

@mixin label-style($background-color: $label-default-background) {
  background: $background-color;
}


//
//@mixin
//
// We use this mixin to let the user create custom buttons
// $background-color - Is the background color for the button to create. Default: $label-default-background
// $include-round - Wheter or not to add the round style on the custom button
// $include-radius - Wheter or not to add the radius size style on the custom button
// Example .custom-label { @include label($background-color: #1abc9c); }
//

@mixin label($background-color: $label-default-background, $include-round: true, $include-radius: true) {
  @include label-base;
  @include label-style($background-color);

  @if $include-round {
    &.round { @include border-radius($label-round); }
  }

  @if $include-radius {
    &.radius { @include border-radius($label-radius); }
  }
}

//Label style definition
.label {
  @include label-base;
  @include label-style;

  &.round { @include border-radius($label-round); }
  &.radius { @include border-radius($label-radius); }


  //Label styles
  &.primary { @include label-style($label-primary-background); }
  &.success { @include label-style($label-success-background); }
  &.danger { @include label-style($label-danger-background); }
  &.warning { @include label-style($label-warning-background); }
}
{'fraction_non_alphanumeric': 0.15645161290322582, 'fraction_numerical': 0.016487455197132617, 'mean_word_length': 4.037003610108303, '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': '5906470', 'n_tokens_mistral': 1909, 'n_tokens_neox': 1835, 'n_words': 465}