Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

ress

filipelinhares169.5kMIT5.0.2

A modern CSS reset

css, reset

readme

A brunch and the ress name

Modern CSS reset

Build Status Size npm

Installation

npm install --save ress

or

yarn add ress

Features

  1. Apply box-sizing: border-box; in all elements.
  2. Reset padding and margin in all elements.
  3. Specify background-repeat: no-repeat in all elements and pseudo elements.
  4. Inherit text-decoration and vertical-align to ::before and ::after.
  5. Remove the outline when hovering in all browsers.
  6. Specify font-family: monospace in code elements.
  7. Reset border-radius in input elements.
  8. Specify font inheritance of form elements.
  9. Remove the default button styling in all browsers.
  10. Specify textarea resizability to vertical.
  11. Apply cursor: pointer to button elements.
  12. Apply tab-size: 4 in html.
  13. Style select like a standard input.
  14. Style cursor by aria attributes.

Crossbrowser

ress uses Normalize.css under the hood with some customizations to apply a solid base to start your stylesheet.

Browser support

  • Chrome
  • Edge
  • Firefox ESR+
  • Internet Explorer 10+
  • Opera
  • Safari 8+

CDN

unpkg

https://unpkg.com/ress/dist/ress.min.css

jsDevlivr

# Production
https://cdn.jsdelivr.net/npm/ress@4.0.0/dist/ress.min.css

# Development
https://cdn.jsdelivr.net/gh/filipelinhares/ress@latest/dist/ress.min.css

License

MIT © Filipe Linhares

changelog

[v5.0.0]

Added:

  • border-style to iframe element

Changed:

  • Move [disabled] selector down in the cascade.

Removed:

  • color: inherit from button

[v4.0.0]

Added:

  • Reset of table element
  • Color inherit for hr elements

Removed:

  • Form elements' focus outline (#24)
  • cursor: default when aria-disabled="false" (#26)
  • Optional style to hide content from screens but not screenreaders. More about here

[v3.0.1]

Change from cssnano-cli to postcss-cli.

[v3.0.0]

Removed:

Removed optionated fill style from svg.

  • fill: currentColor when svg:not([fill])

[v2.0.4]

Fix deprecated version of word-break

Changed:

  • word-break: break-word to word-break: normal #19, thanks to @matteobad.

[v2.0.2]

Added:

[v2.0.1]

Removed:

  • Remove duplicated rule for [type="search"]

[v2.0.0]

:tada: Update with the latest version of Normalize.

Added:

  • Fill svg with the current color when fill is not set
  • tab-size: 4 to html
  • [N] Set text-transform: none for button
  • [N] outline-offset: -2px to [type="search"]
  • [N] Correct legend style
  • [N] height: 0 to hr
  • [N] width: 0 to [type="number"]::-webkit spin button

Removed:

  • [N] Unnecessry normalization for general element
  • [N] text-decoration-skip from a.
  • [N] color: inherit from form elements
  • overflow-y: scroll in html
  • [N] width: auto from [type="number"]
  • audio:not([controls])
  • ::selection normalization

Changed:

  • [N] border-style: none instead of 0 for moz-focus.
  • [N] abbr[title] style from border-bottom to text-decoration

[N]ormalize updates.

[v1.2.2]

  • Also set background-repeat: no-repeat to pseudo elements (#14)

[v1.1.2]

  • Add missing comma on button elements selector

[v1.1.1]

:tada: New feature and updates from Normalize

Added:

  • [N] Correct the display of <summary> in all browsers
  • Apply cursor pointer to button elements - (#7)

Removed:

  • [N] Placeholder normalization

Changed:

  • Text selection color to improves a11y - Thanks @dcorb

[N]ormalize updates.

[v1.0.1]

Just README updates and code comments

[v1.0.0]

:zap: sanilize.css renamed to ress

Before Sanitize version 3.0.0 be released, I was thinking about removing the description "Merge between" from sanilize. Sanilize came with some deprecations that I wanted to keep and some new features that I wanted to remove.

Now with the release of Sanitize version 4.0.0 It's time to a new way.

Since the fork of sanitize, my goal with this project is to make a modern reset with crossbrowsers normalization. Now, ress has your own features and resets which you can use and customize.

The new cool features are documented in the README. The source code is clean and pretty documented, you can read it to learn something :smile:

[v0.7.4]

Removed:

  • Remove unnecessary comments to keep the code clean
  • Remove list-style: none; from nav ul, nav ol
  • Remove -ms-overflow-style: -ms-autohiding-scrollbar from html

[v0.7.3]

Updates from normalize 4.1.1

Added:

  • Normalize placeholder styles in Edge, Chrome, and Safari with Firefox
  • Normalize file select buttons
  • Remove gaps in links underline in iOS 8+ and Safari 8+

Removed:

  • Remove unnecessary specificity in inputs

Changed:

  • Correct the outline of search inputs in Chrome and Safari
  • Limit Firefox focus normalization to buttons

[v0.6.3]

Updates from normalize.css 4.0.0

Added:

  • Correct inconsistent overflow for hr in Edge and IE.
  • Correct legend text wrapping not present in Edge and IE.

Removed:

  • Opinionated table resets.
  • Opinionated pre overflow.

Changed:

  • Opinionated style of outline-width for a:active and a:hover.
  • Update normalization of border-style for img.
  • Update normalization of color inheritance for legend.