Neverending Plethora of Modules

    the-new-css-reset

    1.7.3 • Public • Published

    The New CSS Reset

    This new CSS reset is using the new CSS features:

    • The global CSS reset keywords, ‘unset’ and ‘revert’ keywords.
    • The new property of ‘all’ which can reset all properties combined.
    • The :where() pseudo-class to remove specificity.
    • The :not() pseudo-class with multi arguments.

    What is the-new-css-reset resetting?

    This CSS reset is built from the understanding that we don’t want to use default styles we are getting from the browsers, except the ‘display’ property.

    This CSS reset removes all the default styles which we are getting on specific HTML elements except the ‘display’ property, as I already mentioned, and special HTML elements like iframe, canvas, img, svg, video, and audio.

    In case you want the default style of the browser of a specific HTML element back, you can revert back to the default styles of the browser. For example:

    input[type="checkbox"],
    input[type="radio"] {
        all: revert;
    }

    or all input elements:

    input,
    textarea,
    select {
       all: revert;
    }

    Download the Latest Version

    NPM and How to Use?

    The package name on NPM is 'the-new-css-reset'.

    Import /css/reset.css before the regular styles of the project.

    In a React project, insert it to the main entry file:

    import "the-new-css-reset/css/reset.css"

    Accessibility Recommendation

    To keep your website accessibly, don't forget to take care of the :focus states.

    :focus { /* focus styles */ }
    
    /* or/and */
    
    :focus-visible { /* keyboard only focus styles */ }

    Browser Support

    All evergreen browsers

    • Chrome, Edge: version 88+
    • FireFox: version 84+
    • Safari/iOS browsers: version 14+
    • Opera: version 75+
    • Samsung Browser: version 15+

    Keywords

    Install

    npm i the-new-css-reset

    DownloadsWeekly Downloads

    10,038

    Version

    1.7.3

    License

    MIT

    Unpacked Size

    6.51 kB

    Total Files

    7

    Last publish

    Collaborators

    • eladsc