Minimal CSS files for correcting, improving and normalizing default browser CSS, for narrow viewports first, and provides convenient and intuitive CSS-defaults for styling in general and typographic style.
npm install makeup-styleMinimal CSS files for correcting and improving default browser CSS; for styling in general and typographic style.
Installation and documentation
The files in question are exported as ("makeup-style/..."):
``
default.css
develop.css
where-default.css
where-develop.css
The actual files are located in the “src” folder for the real path.
Inspired by The Elements of Typographic Style, [normalize.css][nc], [modern-normalize][mn], [CSS Remedy][cr], [sanitize.css][sc], [Open Props][op], [A modern CSS reset][amcr] (there's also [this custom CSS reset][mccr]).
Plan v2:
- Support variable font, e.g., for b, strong.:where()
- [-] Wrap stuff in or use @layer. :where() is available in alt. files.
Nope:
- Remove [hidden] ... display: none? Should be implemented in all used browsers now. No! It's for maintaining behaviour.
default.css maybes:
- Let SVG scale without boundaries:
`css`
img[src$=".svg"] {
width: 100%;
height: auto;
max-width: none;
}
- makeup-style/ahead.css, ../develop.css, ../space.css, ../typography.css
- ( ) default.css, developer.css, space.css, typography.css (for potential style-some)
- (-) default.css, develop.css, (space.css, typography.css)
makeup-style is the updated remake of Floor Typography CSS.
Changes from Floor Typography CSS v22:
- Updated default CSS revising and normalizing, more tested.
- Less files and features, more quality.
- --line-span var for headings (not --h…-min-font-size).--space
- var for controlling spacing (not --spacer`).
- Space is not removed for sub-lists (would cause unexpected list styles if parent list was styled unconventional. Rather remove margin for sub-lists in containers of choice).
[amcr]: https://piccalil.li/blog/a-modern-css-reset/
[cc]: https://cube.fyi/
[cr]: https://github.com/jensimmons/cssremedy
[mn]: https://github.com/sindresorhus/modern-normalize
[mccr]: https://www.joshwcomeau.com/css/custom-css-reset/
[nc]: https://github.com/necolas/normalize.css/
[op]: https://open-props.style/
[sc]: https://github.com/csstools/sanitize.css