<commit_before>/// Hides an element from the screen but not from screen readers. Consider using `visually-hidden` before using `display: none`.
///
/// @group Layout
/// @author <NAME>
///
/// @see http://a11yproject.com/posts/how-to-hide-content/
%visually-hidden:not(:focus):not(:active),
%visuallyhidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
  white-space: nowrap;
  clip-path: inset(50%);
}

// Genius idea from H5BP. See https://github.com/h5bp/html5-boilerplate/blob/024b8a05ee9acf99393469c0622e55a694542493/src/css/main.css#L147
%focusable {
  &:active,
  &:focus {
    position: static;
    overflow: visible;
    clip: auto;
    margin: 0;
    width: auto;
    height: auto;
    white-space: inherit;
    clip-path: none;
  }

}<commit_msg>fix(Global): Update %visuallyhidden placeholder selector.<commit_after>/// Hides an element from the screen but not from screen readers. Consider using `visually-hidden` before using `display: none`.
///
/// @group Layout
/// @author <NAME>
///
/// @see http://a11yproject.com/posts/how-to-hide-content/
%visually-hidden,
%visuallyhidden {
  &:not(:focus):not(:active) {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
    white-space: nowrap;
    clip-path: inset(50%);
  }
}

// Genius idea from H5BP. See https://github.com/h5bp/html5-boilerplate/blob/024b8a05ee9acf99393469c0622e55a694542493/src/css/main.css#L147
%focusable {
  &:active,
  &:focus {
    position: static;
    overflow: visible;
    clip: auto;
    margin: 0;
    width: auto;
    height: auto;
    white-space: inherit;
    clip-path: none;
  }

}
{'fraction_non_alphanumeric': 0.15219842164599776, 'fraction_numerical': 0.05636978579481398, 'mean_word_length': 3.1569086651053864, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 2, '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': '4818137', 'n_tokens_mistral': 709, 'n_tokens_neox': 647, 'n_words': 155}