<commit_before>@import "../variables";
// Styles for accessible skiplinks.

.skiplink {
  left: 50%;
  margin-left: -7em;
  position: absolute;
  width: 14em;
  z-index: 9999;
}

.skiplink__link {
  &:visited,
  &:focus {
    background-color: $gold;
    border: 2px solid $white;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 0;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    color: $black;
    display: inline-block;
    font-weight: bold;
    line-height: 1.5;
    margin: 0;
    outline: 0;
    padding: 0.25em 0.5em;
    text-align: center;
    text-decoration: none;
    width: 14em;
  }
}

// Remove :focus styles for skiplink targets.
#main:focus {
  // outline: 0;
}<commit_msg>Added focusable css to hide visually until tabbed.<commit_after>@import "../variables";
// Styles for accessible skiplinks.

.skiplink {
  left: 50%;
  margin-left: -7em;
  position: absolute;
  width: 14em;
  z-index: 9999;
}

.skiplink__link {
  &:visited,
  &:focus {
    background-color: $gold;
    border: 2px solid $white;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 0;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    color: $black;
    display: inline-block;
    font-weight: bold;
    line-height: 1.5;
    margin: 0;
    outline: 0;
    padding: 0.25em 0.5em;
    text-align: center;
    text-decoration: none;
    width: 14em;
  }
}

// Remove :focus styles for skiplink targets.
#main:focus {
  outline: 0;
}

.focusable {
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  width: 1px !important;
  word-wrap: normal !important;
}

.focusable:active, .focusable:focus {
  clip: auto !important;
  height: auto !important;
  overflow: visible !important;
  position: static !important;
  width: auto !important;
}
{'fraction_non_alphanumeric': 0.1420996818663839, 'fraction_numerical': 0.03817603393425239, 'mean_word_length': 2.9726315789473685, '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': '3941337', 'n_tokens_mistral': 762, 'n_tokens_neox': 701, 'n_words': 186}