plain-ui/src/scss/_normalize.scss

/**
 *  normalize
 *
 *  Thanks to https://necolas.github.io/normalize.css/, use a lot from them
 *
 *  @author Björn Hase, Tentakelfabrik
 *  @license http://opensource.org/licenses/MIT The MIT License
 *  @link https://github.com/tentakelfabrik/crispy-css
 *
 */

@mixin crispy__core__normalize()
{
    html {
        font-size: 100%;
        line-height: 1.15; // Correct the line height in all browsers.
        -webkit-text-size-adjust: 100%; // Prevent adjustments of font size after orientation changes in iOS.
    }

    body,
    html {
        margin: 0;
        height: 100%;
    }

    html,
    legend {
        box-sizing: border-box;
    }

    main {
        display: block; // Render the `main` element consistently in IE.
    }

    *,
    *::after,
    *::before {
        box-sizing: inherit;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    figure {
        margin: $crispy__margin;
        @include crispy__media-breakpoints('margin', $crispy__margin-breakpoints);
    }

    figcaption {
        margin: 10px 0;
    }


    /**
     *  form elements
     *
     *
     */

    // Remove the margin in Firefox and Safari.
    button,
    input,
    optgroup,
    select,
    textarea {
        margin: 0;
    }

    fieldset {
        padding: $crispy__padding;
    }

    // Remove the inheritance of text transform in Firefox
    button,
    select {
      text-transform: none;
    }

    // Correct the inability to style clickable types in iOS and Safari.
    button,
    [type="button"],
    [type="reset"],
    [type="submit"] {
        -webkit-appearance: button;
    }

    // Remove the inner border and padding in Firefox.
    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    // Restore the focus styles unset by the previous rule.
    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

    legend {
        box-sizing: border-box; //Correct the text wrapping in Edge and IE.
        display: table; // Correct the text wrapping in Edge and IE.
        max-width: 100%; // Correct the text wrapping in Edge and IE.
        padding: 0; // Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
        white-space: normal; // Correct the text wrapping in Edge and IE.
    }

    // Correct the cursor style of increment and decrement buttons in Chrome.
    [type="number"]::-webkit-inner-spin-button,
    [type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    [type="search"] {
        -webkit-appearance: textfield; // Correct the odd appearance in Chrome and Safari.
        outline-offset: -2px; // Correct the outline style in Safari.
    }

    // Remove the inner padding in Chrome and Safari on macOS.
    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

    ::-webkit-file-upload-button {
        -webkit-appearance: button; // Correct the inability to style clickable types in iOS and Safari.
        font: inherit; // Change font properties to `inherit` in Safari.
    }


    /**
     * hr
     *
     */

    hr {
        box-sizing: content-box; // Add the correct box sizing in Firefox.
        height: 0; // Add the correct box sizing in Firefox.
        overflow: visible; // Show the overflow in Edge and IE.

        border: 0;
        border-top: 1px solid $crispy__color-secondary;
        margin: 0.3em 0;
    }

    // Add the correct vertical alignment in Chrome, Firefox, and Opera.
    progress {
        vertical-align: baseline;
    }

    // Add the correct display in Firefox.
    details {
        display: block;
    }

    // Add the correct display in all browsers.
    summary {
       display: list-item;
    }

    code,
    pre,
    kbd,
    samp {
        font-family: $crispy__font-family-monospace;
        font-size: $crispy__font-size-monospace;

        @include crispy__media-breakpoints('font-size', $crispy__font-size-monospace__breakpoints);
    }
}