- Added:
:where
too all selectors, reducing specificity to nearly zero. - Added: All elements now use
background-repeat: no repeat
. - Removed: Overly specific
select
selector. - Removed: Unnecessary focus outline fix previously used in Firefox.
- Removed: Unnecessary
evergreen.css
,forms.evergreen.css
, andpages.css
. - Fixed: Prevent zero-width space from consuming space in Safari.
- Changed: Browser support from "last three versions" to "last two versions".
- Added:
video
to sizing restrictions.
- Added: Support for
system-ui
font family in Firefox.
- Added: Support for
ui-monospace
font family in Chrome, Edge, and Firefox.
- Fixed: Used case-insensitive attribute selectors in the evergreen variations.
- Added: Correct table border color inheritance in all Chrome, Edge, and Safari.
- Added: Remove text indentation from table contents in Chrome, Edge, and Safari.
- Added: Correct the inheritance of horizontal rule border color in Firefox.
- Added: Prevent overflow of a
pre
container in all browsers (opinionated). - Added: Evergreen variations of sanitize.css (basically, without IE support).
- Added: Reduce animations, scrolling effects, and transitions when requested in
all browsers (opinionated) to
reduce-motion.css
. - Updated: Move size restrictions (opinionated) in all browsers to
assets.css
. - Removed: Tapping delay style, except in IE 10, where it matters.
- Removed: Border and padding from color and range
input
in all browsers. - Fixed: Announce
nav ol, nav ul
list semantics on Safari with VoiceOver.
- Fixed: Documentation is updated.
This release is primarily made to update the polyfill used by cdnjs.
- Changed: Opinionated
select
background styling informs.css
is no longer applied whenmultiple
orsize
attributes are also present.
- Added: Opinionated page measure via
page.css
. - Added: Opinionated
border
normalization on form controls to match UA. - Added: Opinionated
font
andletter-spacing
asinherit
on form controls. - Added: Opinionated normalization of select controls.
- Added: Opinionated normalization of placeholders in Internet Explorer.
- Added: Opinionated
border
removal on iframes in all browsers. - Removed: Opinionated
border-radius
on form controls. - Removed: Opinionated
box-shadow
on form controls to match UA expectations. - Fixed:
Edge
comments withoutChrome
are are changed toEdge 18-
. - Fixed:
Chrome
comments withoutEdge
haveEdge
added. - Fixed: Nested list
dl
normalizations split. - Fixed: Logical
margin-block
normalization changed tomargin
. - Fixed: Used consistent quotes around typefaces in
typography.css
.
These fixes were brought in from normalize.css v10.1.0.
- Removed: Opinionated removal of text shadow on text selections due to bugs in High Contrast mode.
- Removed: Opinionated removal of repeating backgrounds in all browsers due to form control unstyling.
- Removed: Opinionated interface typography in all browsers, which is moved to forms.css and typography.css.
- Changed: Visually hidden content now uses some less aggressive selectors.
- Added: Opinionated interface typography in all browsers via typography.css.
- Added: Opinionated standards-like form styling in all browsers via forms.css.
- Added: Opinionated removal of the grey highlight when tapping links in iOS.
- Fixed: Typo of
browers
typo tobrowsers
- Changed: Apply
aria-disabled
disabled styles when[aria-disabled="true"]
- Changed: Apply
svg { fill: currentColor }
whensvg:not([fill])
- Fixed: Apply appropriate system font fallbacks for KDE Plasma
- Fix disabled cursor
- Fixed: Restored form control margin normalizations in Firefox
- Updated: Ordering of a few rules (opinionated)
- Added: Support the 4-space tab width in Firefox (opinionated)
- Added: System font in all browsers (opinionated)
- Added: System monospace user interface font in all browsers (opinionated)
- Added: 4-space tab width in all browsers (opinionated)
- Removed: Unnecessary form control margin normalizations in Firefox
- Removed: Opinionated fieldset padding in all browsers
- Removed: Normalzations for
::-moz-focus-inner
and:-moz-focusring
fixed in Firefox 53 (https://bugzilla.mozilla.org/show_bug.cgi?id=140562) - Fixed: Correction of cursor style of increment and decrement buttons in Safari, not Chrome
- Fixed: Text style of placeholders in Chrome, Edge, and Safari
- Added:
word-break: break-word
tohtml
- Added:
font-family: inherit
on form elements - Added: normalize.css updates
- Added:
box-sizing: border-box
to*, ::before, ::after
- Removed:
box-sizing: border-box
fromhtml
andbox-sizing: inherit
fromhtml
- Removed:
color: inherit
andbackground-color: transparent
fromform
- Added: normalize.css v6 parity, including
summary
display - Added: form elements to inherit line-height from html
- Removed: font styles on
html
- Removed: unnecessary
border-spacing
zeroing
- Updated: The focus removal on
:hover
now targetsa:hover
- Added: All improvements from normalize.css v4.1.1
- Added: Documentation for each opinionated feature
- Added: Universal
background-repeat: no-repeat
- Removed: Reset of universal
margin
andpadding
- Removed: Inheritance of
font-size
on elements (form controls still have it) - Removed: Pre-compiled files that used variables
- Updated:
abbr[title]
styled usingborder-bottom
overtext-decoration
- Updated: Tests and linting
Variables were there for developers to override styles in sanitize.css without editing the original file or overriding the rule. However, you should override the rule so that your change is explicit, and so that your source maps accurately indicate your changes coming from your files.
- Added:
b
andstrong
normalization - Added:
::-moz-focus-inner
normalization - Added:
hr
normalization - Added:
svg
fill as the current color - Updated: Organized rules into normalization, universal inheritance, opinionated defaults, and configurable defaults
- Updated: Moved source and compiled libraries
- Added:
selection.less
- Updated: Use
root
-prefixed values across all formats - Updated: Documentation
- Updated:
box-sizing
variable corrected toborder-box
in sass, scss, styl
- Added: Project configuration (.editorconfig)
- Added: Style linting rules and tests
- Added:
touch-action: manipulation
to remove delays during mobile tapping - Removed:
text-rendering
due to performance issues - Updated:
::selection
color variable corrected to--selection-color
- Updated: Use direct nesting
- Added: Normalization for iOS 8+
- Added:
background-repeat
for all elements - Added: CONTRIBUTING.md
- Updated: background color and color for
:root
previouslyhtml
- Updated:
::selection
color to#ffffff
- Updated: dist from CSS source using PostCSS, cssnext, and cssnano
- Updated: Documentation
- Updated: bower.json
- Added: CSS version
- Updated: Use percentage
font-size
on:root
- Updated: Documentation
- Removed:
background-color
inheritance
- Added: Visually hidden element style
[hidden][aria-hidden="false"]
- Added: Currently updating element style
[aria-busy="true"]
- Added: Trigger element style
[aria-controls]
- Added: Color style for
html
- Added: CHANGELOG.md
- Removed: Standards-breaking visually hidden style
[hidden~="screen"]
- Removed: Standards-breaking IE-proprietary style
[unselectable="on"]
- Removed: Prefix-less properties and the use of Autoprefixer
- Updated: Form styling
- Updated: Support for the latest Chrome, Edge, Firefox, and Safari
- Updated: Licensing reference in package.json
- Updated: Development dependencies
- Updated: README.md and code documentation
- Added: Control over options via Sass variables
- Added: Overflow normalization on :root
- Added:
font-style
inheritance - Updated: Support for the latest Firefox
- Removed: Redundant inheritance in ::before and ::after
- Removed: redundant cursor inheritance in anchor and form controls
- Added: Form support
- Updated: Normalization
- Updated: Border assignment
- Updated: Moved from normalize.css to sanitize.css
Normalize.css had and still has opinionated, developer-centric styles. For example,
sub
andsup
elements are styled to not impact the line height of text, andtable
,th
, andtd
omit all spacing. As Nicolas pushed Normalize.css into maturity, future preferences like these no longer had a place in the project. Almost a year later, Sanitize was officially branded. Where Normalize.css conservatively follows user agent consensus and results in more pre-styled elements, Sanitize.css liberally follows developer consensus and results in more unstyled elements.
- Added: Normalize.css