<commit_before>/* ==========================================================================
   Buttons
   ========================================================================== */

/**
 * The button classes are best applied to links, buttons, and submit inputs.
 * These components can be used in forms, as calls to action, or as part of the
 * general UI of the site/app.
 *
 * Recommended use:
 *
 * <a class="Button [Button--modifier]" role="button" href="[url]">Button text</a>
 * <button class="Button [Button--modifier]" type="submit">Button text</button>
 * <input class="Button [Button--modifier]" type="submit" value="Button text">
 */

/**
 * Button template
 *
 * Build on this component using rulesets in your application-level CSS.
 *
 * 1. Corrects inability to style clickable `input` types in iOS
 * 2. Normalize `box-sizing` across all elements that this component could be
 *    applied to.
 * 3. Inherit text color from ancestor.
 * 4. Inherit font styles from ancestor.
 * 5. Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+.
 * 6. Prevent wrapping across multiple lines.
 */

.Button {
    -webkit-appearance: none; /* 1 */
    background: transparent;
    border: 1px solid;
    -moz-box-sizing: border-box; /* 2 */
    box-sizing: border-box; /* 2 */
    color: inherit; /* 3 */
    cursor: pointer;
    display: inline-block;
    font: inherit; /* 4 */
    line-height: normal; /* 5 */
    margin: 0;
    padding: 0.4em 0.75em;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap; /* 6 */
}

/**
 * UI states<commit_msg>Prevent user text selection for buttons<commit_after>/* ==========================================================================
   Buttons
   ========================================================================== */

/**
 * The button classes are best applied to links, buttons, and submit inputs.
 * These components can be used in forms, as calls to action, or as part of the
 * general UI of the site/app.
 *
 * Recommended use:
 *
 * <a class="Button [Button--modifier]" role="button" href="[url]">Button text</a>
 * <button class="Button [Button--modifier]" type="submit">Button text</button>
 * <input class="Button [Button--modifier]" type="submit" value="Button text">
 */

/**
 * Button template
 *
 * Build on this component using rulesets in your application-level CSS.
 *
 * 1. Corrects inability to style clickable `input` types in iOS
 * 2. Normalize `box-sizing` across all elements that this component could be
 *    applied to.
 * 3. Inherit text color from ancestor.
 * 4. Inherit font styles from ancestor.
 * 5. Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+.
 * 6. Prevent button text from being selectable.
 * 7. Prevent wrapping across multiple lines.
 */

.Button {
    -webkit-appearance: none; /* 1 */
    background: transparent;
    border: 1px solid;
    -moz-box-sizing: border-box;
    box-sizing: border-box; /* 2 */
    color: inherit; /* 3 */
    cursor: pointer;
    display: inline-block;
    font: inherit; /* 4 */
    line-height: normal; /* 5 */
    margin: 0;
    padding: 0.4em 0.75em;
    position: relative;
    text-align: center;
    text-decoration: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none; /* 6 */
    vertical-align: middle;
    white-space: nowrap; /* 7 */
}

/**
 * UI states
{'fraction_non_alphanumeric': 0.20914844649021863, 'fraction_numerical': 0.01237054085155351, 'mean_word_length': 3.319254658385093, 'pattern_counts': {'":': 0, '<': 13, '<?xml version=': 0, '>': 13, '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': '1583958', 'n_tokens_mistral': 1067, 'n_tokens_neox': 975, 'n_words': 349}