<commit_before>//-------------------------
// Variables
//-------------------------

// Bluemix specific easing curves
// More detail here: http://design-system.stage1.mybluemix.net/essentials/motion.html

// Used for the majority of animations.
$bx--standard-easing: cubic-bezier(.5, 0, .1, 1);

// Used for adding elements to the screen or changing
// on-screen states at a users's input.
$bx---ease-out: cubic-bezier(0, 0, .25, 1);

// Used primarily for removing elements from the screen.
$bx---ease-in: cubic-bezier(.25, 0, 1, 1);


$transition--base: 250ms;
$color__inputs--bg: rgba(255, 255, 255, .1);
$color__inputs--bg--light-ui: rgba($color__blue-51, .1);
$color__box-shadow: rgba(0, 0, 0, .1);

//-------------------------
// Mixins
//-------------------------

@mixin reset {
  // Main reset block for most elements:
  // http://cssreset.com/scripts/eric-meyer-reset-css/
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

@mixin placeholder-colors {
  color: $color__navy-gray-7;

  @include light-ui {
    color: $color__navy-gray-6;
  }
}

@mixin text-overflow($width) {
  display: block;
  width: $width;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@mixin box-shadow($size: 'small') {
  // Large - For dropdowns
  @if($size == 'large') {
    box-shadow: 6px 6px 6px 0 $color__box-shadow;
  }

  @if ($size == 'small') {
    box-shadow: 0px 3px 3px 0 $color__box-shadow;
  }
}

@mixin focus-outline {
  outline: 1px dotted; // for non-webkit browsers
  outline: auto 5px -webkit-focus-ring-color; // webkit default
}

@mixin font-inherit-reset {
  font: inherit;
}

@mixin hidden {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  border:0;
  visibility: visible;
  white-space: nowrap;
}

.bx--visually-hidden {
  @include hidden;
}

@mixin light-ui {

  .bx--global-light-ui & {
    @content;
  }
}

//-------------------------
// ☠️ Deprecated
//-------------------------

// $shadow and @rotate are only used in "fab" which is being deprecated.
$shadow: 2px 2px 8px rgba(0, 0, 0, .4);

@mixin rotate($deg, $speed, $origin: center) {
  transform: rotate($deg);
  transition: transform $speed;
  transform-origin: $origin;
}

%hidden {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  border:0;
  visibility: visible;
}

%focus-outline {
  outline: 1px dotted; // for non-webkit browsers
  outline: auto 5px -webkit-focus-ring-color; // webkit default
}
<commit_msg>fix(helpers): import once for .bx--visually-hidden (#1915)<commit_after>@import '../import-once';

// Used for the majority of animations.
$bx--standard-easing: cubic-bezier(.5, 0, .1, 1);

// Used for adding elements to the screen or changing
// on-screen states at a users's input.
$bx---ease-out: cubic-bezier(0, 0, .25, 1);

// Used primarily for removing elements from the screen.
$bx---ease-in: cubic-bezier(.25, 0, 1, 1);

$transition--base: 250ms;
$color__inputs--bg: rgba(255, 255, 255, .1);
$color__inputs--bg--light-ui: rgba($color__blue-51, .1);
$color__box-shadow: rgba(0, 0, 0, .1);

@mixin reset {
  // Main reset block for most elements:
  // http://cssreset.com/scripts/eric-meyer-reset-css/
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

@mixin placeholder-colors {
  color: $color__navy-gray-7;

  @include light-ui {
    color: $color__navy-gray-6;
  }
}

@mixin text-overflow($width) {
  display: block;
  width: $width;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@mixin box-shadow($size: 'small') {
  // Large - For dropdowns
  @if($size == 'large') {
    box-shadow: 6px 6px 6px 0 $color__box-shadow;
  }

  @if ($size == 'small') {
    box-shadow: 0px 3px 3px 0 $color__box-shadow;
  }
}

@mixin focus-outline {
  outline: 1px dotted; // for non-webkit browsers
  outline: auto 5px -webkit-focus-ring-color; // webkit default
}

@mixin light-ui {
  .bx--global-light-ui & {
    @content;
  }
}

//-------------------------
// ☠️ Deprecated
//-------------------------

// $shadow and @rotate are only used in "fab" which is being deprecated.
$shadow: 2px 2px 8px rgba(0, 0, 0, .4);

@mixin font-inherit-reset {
  font: inherit;
}

@mixin rotate($deg, $speed, $origin: center) {
  transform: rotate($deg);
  transition: transform $speed;
  transform-origin: $origin;
}

%hidden {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  border:0;
  visibility: visible;
}

%focus-outline {
  outline: 1px dotted; // for non-webkit browsers
  outline: auto 5px -webkit-focus-ring-color; // webkit default
}

@mixin hidden {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  border:0;
  visibility: visible;
  white-space: nowrap;
}

@include exports('helpers') {
  .bx--visually-hidden {
    @include hidden;
  }
}
{'fraction_non_alphanumeric': 0.19917339106475104, 'fraction_numerical': 0.0320802991537099, 'mean_word_length': 2.7700296735905043, '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': '3502886', 'n_tokens_mistral': 2044, 'n_tokens_neox': 1876, 'n_words': 472}