makeup-style

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

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;
  }

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