Experimental minimal 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, modern-normalize, CSS Remedy, sanitize.css, Open Props, A modern CSS reset (there's also this custom CSS reset).
Plans
Plan @next:
textarea { font-family: inherit; }? Firefox does not inherit font-family.- Support variable font, e.g., for
b, strong. - [-] Wrap stuff in
:where()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:
img[src$=".svg"] { width: 100%; height: auto; max-width: none; }
Naming process
- 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)
History
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-spanvar for headings (not--h…-min-font-size).--spacevar 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).