makeup-style

Minimal CSS files for correcting and improving default browser CSS; for styling in general and typographic style.

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.

Plans

Plan v2:

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-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).

Readme