Mini-UI

Minimalist CSS Library. Light Mode only and Drop-in version.

<link rel="stylesheet" href="https://mini-ui.surge.sh/global.css">

or

@import url("https://mini-ui.surge.sh/global.css");

Styled HTML elements

• button
• textarea
• input type="text"
• select
• label
• table
• hr
• code
• pre
• blockquote

Styled classes

• subtleButton
• buttonShape
• errorText
• secondaryText
• container

the buttonShape class aims to make a link looks like a button.

demo:

• https://mini-ui.surge.sh/
• https://codepen.io/slk333/pen/NWxpJQN?editors=1100

Todo:

• accent color button, either outline or filled, fulfilling primary button
• fix: set background for select
• reduce gap between label and input
• consider if mini-ui has a hidden dependency on the browser default. if yes, we should be explicit. if we want to make it work even with a reset-css, we should then provide style for headings.