makeup-style

0.6.0 • Public • Published

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

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

Package Sidebar

Install

npm i makeup-style

Weekly Downloads

29

Version

0.6.0

License

ISC

Unpacked Size

13 kB

Total Files

12

Last publish

Collaborators

  • sberg