<commit_before>//------------------------------------------------------------------------------
// GENERIC: Forms
//------------------------------------------------------------------------------

form {
    @include typecsset-vertical-rhythm;
    padding: 0;
}

//
// iOS 'clickable elements' fix for role='button'
//
// Fixes 'clickability' issue (and more generally, the firing of events such as
// focus as well) for traditionally non-focusable elements with role='button'
// see https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
//
[role='button'] {
    cursor: pointer;
}

//
// 1. Work around a Firefox/IE bug where the transparent `button` background
//    results in a loss of the default `button` focus styles.
//
button {
    background: transparent;
    border: 1px solid $default-gray;
    cursor: pointer;
    padding: .125rem .25rem;

    &:focus {
        outline: 1px dotted; // [1]
        outline: 5px auto -webkit-focus-ring-color; // [1]
    }
}

//
// 1. Normalize includes `font: inherit;`, so `font-family`. `font-size`, etc
//    are properly inherited. However, `line-height` isn't addressed there.
//    Using this ensures we don't need to unnecessarily redeclare the global
//    font stack.
// 2. iOS adds rounded borders by default
//
input,
button,
select,
optgroup,
textarea {
    line-height: inherit; // [1]
    background-color: transparent;
    background-image: none; // [2]
    background-clip: padding-box;
    -webkit-border-radius: 0; // [2] iOS 8+
    border-radius: 0; // [2]
    color: inherit;
}
<commit_msg>fix minor form alignment in reset<commit_after>//------------------------------------------------------------------------------
// GENERIC: Forms
//------------------------------------------------------------------------------

form {
    @include typecsset-vertical-rhythm;
    padding: 0;
}

//
// iOS 'clickable elements' fix for role='button'
//
// Fixes 'clickability' issue (and more generally, the firing of events such as
// focus as well) for traditionally non-focusable elements with role='button'
// see https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
//
[role='button'] {
    cursor: pointer;
}

//
// 1. Work around a Firefox/IE bug where the transparent `button` background
//    results in a loss of the default `button` focus styles.
//
button {
    background: transparent;
    border: 1px solid $default-gray;
    cursor: pointer;
    padding: .125rem .25rem;

    &:focus {
        outline: 1px dotted; // [1]
        outline: 5px auto -webkit-focus-ring-color; // [1]
    }
}

//
// 1. Normalize includes `font: inherit;`, so `font-family`. `font-size`, etc
//    are properly inherited. However, `line-height` isn't addressed there.
//    Using this ensures we don't need to unnecessarily redeclare the global
//    font stack.
// 2. iOS adds rounded borders by default
// 3. Ensure all elements have same inital alignment
//
input,
button,
select,
optgroup,
textarea {
    line-height: inherit; // [1]
    vertical-align: middle; // [3]
    background-color: transparent;
    background-image: none; // [2]
    background-clip: padding-box;
    -webkit-border-radius: 0; // [2] iOS 8+
    border-radius: 0; // [2]
    color: inherit;
}

{'fraction_non_alphanumeric': 0.22174447174447173, 'fraction_numerical': 0.013513513513513514, 'mean_word_length': 1.9963201471941123, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '5376721', 'n_tokens_mistral': 977, 'n_tokens_neox': 922, 'n_words': 306}