<commit_before>@use "../setup";

/* Miscellenaeous
   ========================================================================== */

/**
 * Spin any element (`keyframes` appear in a separate Sass module).
 *
 * Example HTML:
 *
 * <span class="spin">Spinning!</span>
 */

.spin {
    animation: spinning linear 1s infinite;
}

/**
 * Hide content but still allow screen reader access.
 *
 * Example HTML:
 *
 * <p class="sr-only">
 */

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0); // TODO: Deprecated - use `clip-path` when browser support is better.
    //clip-path: inset(100%); // TODO: Currently causes severe performance issues in Chrome.
    border: 0;
    white-space: nowrap;
}

/**
 * Hide content completely but still allow it to be part of the DOM.
 *
 * Example HTML:
 *
 * <p class="hidden">
 */

.hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    clip: rect(0 0 0 0); // TODO: Deprecated - use `clip-path` when browser support is better.
    //clip-path: inset(100%); // TODO: Currently causes severe performance issues in Chrome.
    border: 0;
    white-space: nowrap;
}<commit_msg>Declaration order<commit_after>@use "../setup";

/* Miscellenaeous
   ========================================================================== */

/**
 * Spin any element (`keyframes` appear in a separate Sass module).
 *
 * Example HTML:
 *
 * <span class="spin">Spinning!</span>
 */

.spin {
    animation: spinning linear 1s infinite;
}

/**
 * Hide content but still allow screen reader access.
 *
 * Example HTML:
 *
 * <p class="sr-only">
 */

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0); // TODO: Deprecated - use `clip-path` when browser support is better.
    //clip-path: inset(100%); // TODO: Currently causes severe performance issues in Chrome.
    border: 0;
    white-space: nowrap;
}

/**
 * Hide content completely but still allow it to be part of the DOM.
 *
 * Example HTML:
 *
 * <p class="hidden">
 */

.hidden {
    visibility: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0); // TODO: Deprecated - use `clip-path` when browser support is better.
    //clip-path: inset(100%); // TODO: Currently causes severe performance issues in Chrome.
    border: 0;
    white-space: nowrap;
}
{'fraction_non_alphanumeric': 0.18865030674846625, 'fraction_numerical': 0.019171779141104295, 'mean_word_length': 2.905688622754491, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 11, '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': '4421345', 'n_tokens_mistral': 854, 'n_tokens_neox': 790, 'n_words': 273}