<commit_before>////
/// @group icons
////

/// Boolean if the icon separator styles should be included by default.
/// @type Boolean
$md-font-icon-include-separators: true !default;

/// Boolean if the dense spec for icons should be included. This will
/// update the size for icons to be smaller on desktop displays.
/// @type Boolean
$md-font-icon-include-dense: true !default;

/// Boolean if the font icons should be "fixed" for usage with material-icons.
/// If the fonts are loaded after the styles of `react-md`, the created stylesheet
/// will override the `md-icon` styles for creating dense icons. Enabling this
/// boolean will manually update the styles so that `md-icon` has precedence.
///
/// @type Boolean
$md-font-icon-include-dense-material-icons: $md-font-icon-include-dense !default;

/// The amount of padding to put between an icon and any text.
/// @type Number
$md-font-icon-separator-padding: $md-default-padding !default;

/// The light theme's disabled color for icons.
/// @type Color
$md-font-icon-light-theme-disabled-color: rgba($md-black-base, .26) !default;

/// The dark theme's disabled color for icons.
/// @type Color
$md-font-icon-dark-theme-disabled-color: rgba($md-white-base, .3) !default;

/// Includes the CSS for using `md-icon`.
///
/// @param {Boolean} $light-theme [$md-light-theme] - Boolean if the application is using the
///     light-theme or not.
/// @param {Boolean} include-media [$md-media-included] - Boolean if the media queries for icons
///     should also be included. This also relies on the `include-dense` param.
/// @param {Boolean} include-separators [$md-font-icon-include-separators] - Boolean if the styles
///     for separating content and an icon should be included.
/// @param {Boolean} include-dense [$md-font-icon-include-dense] - Boolean if the dense spec for icons
///     should be included.
/// @param {Boolean} include-dense-material-icons [$md-font-icon-include-dense-material-icons] - Boolean if
///     the dense spec of font icons should also be force applied to the material-icons library. This can
///     be set to false if you import the fonts before the `react-md` styles.
@mixin react-md-icons(
  $light-theme: $md-light-theme,
  $include-media: $md-media-included,
  $include-separators: $md-font-icon-include-separators,
  $include-dense: $md-font-icon-include-dense,
  $include-dense-material-icons: $md-font-icon-include-dense-material-icons
) {
  $md-icon-color: if($light-theme, $md-light-theme-secondary-text-color, $md-dark-theme-secondary-text-color);

  .md-icon {
    color: $md-icon-color;
    font-size: $md-font-icon-size;
    text-align: center;
    transition-duration: $md-transition-time;
    transition-property: color;
    user-select: none;
  }

  // scss-lint:disable QualifyingElement
  svg.md-icon {
    fill: currentColor;
    height: $md-font-icon-size;
    width: $md-font-icon-size;
  }
  // scss-lint:enable QualifyingElement

  @if $include-separators {
    @include react-md-icon-separators;
  }<commit_msg>Fixed icon Sass variables<commit_after>////
/// @group icons
////

/// Boolean if the icon separator styles should be included by default.
/// @type Boolean
$md-font-icon-include-separators: true !default;

/// Boolean if the dense spec for icons should be included. This will
/// update the size for icons to be smaller on desktop displays.
/// @type Boolean
$md-font-icon-include-dense: true !default;

/// Boolean if the font icons should be "fixed" for usage with material-icons.
/// If the fonts are loaded after the styles of `react-md`, the created stylesheet
/// will override the `md-icon` styles for creating dense icons. Enabling this
/// boolean will manually update the styles so that `md-icon` has precedence.
///
/// @type Boolean
$md-font-icon-include-dense-material-icons: $md-font-icon-include-dense !default;

/// The amount of padding to put between an icon and any text.
/// @type Number
$md-font-icon-separator-padding: $md-default-padding !default;

/// The light theme's disabled color for icons. This is actually not used. Use the
/// `$md-light-theme-colors` Sass map instead.
/// @type Color
/// @deprecated
/// @see md-light-theme-colors
$md-font-icon-light-theme-disabled-color: rgba($md-black-base, .26) !default;

/// The dark theme's disabled color for icons. This is actually not used. Use the
/// `$md-dark-theme-colors` Sass map instead.
/// @type Color
/// @deprecated
$md-font-icon-dark-theme-disabled-color: rgba($md-white-base, .3) !default;

/// Includes the CSS for using `md-icon`.
///
/// @param {Boolean} $light-theme [$md-light-theme] - Boolean if the application is using the
///     light-theme or not.
/// @param {Boolean} include-media [$md-media-included] - Boolean if the media queries for icons
///     should also be included. This also relies on the `include-dense` param.
/// @param {Boolean} include-separators [$md-font-icon-include-separators] - Boolean if the styles
///     for separating content and an icon should be included.
/// @param {Boolean} include-dense [$md-font-icon-include-dense] - Boolean if the dense spec for icons
///     should be included.
/// @param {Boolean} include-dense-material-icons [$md-font-icon-include-dense-material-icons] - Boolean if
///     the dense spec of font icons should also be force applied to the material-icons library. This can
///     be set to false if you import the fonts before the `react-md` styles.
@mixin react-md-icons(
  $light-theme: $md-light-theme,
  $include-media: $md-media-included,
  $include-separators: $md-font-icon-include-separators,
  $include-dense: $md-font-icon-include-dense,
  $include-dense-material-icons: $md-font-icon-include-dense-material-icons
) {
  .md-icon {
    color: get-color('icon', $light-theme);
    font-size: $md-font-icon-size;
    text-align: center;
    transition-duration: $md-transition-time;
    transition-property: color;
    user-select: none;
  }

  // scss-lint:disable QualifyingElement
  svg.md-icon {
    fill: currentColor;
    height: $md-font-icon-size;
    width: $md-font-icon-size;
  }
  // scss-lint:enable QualifyingElement

  @if $include-separators {
    @include react-md-icon-separators;
  }
{'fraction_non_alphanumeric': 0.14211969672527827, 'fraction_numerical': 0.0009678980480722697, 'mean_word_length': 3.2119565217391304, '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': '3374778', 'n_tokens_mistral': 1958, 'n_tokens_neox': 1865, 'n_words': 616}