MVP.css — Minimalist stylesheet for HTML elements

Out of the box CSS styling for HTML elements. No class names, no framework to learn.

<link rel="stylesheet" href="https://unpkg.com/mvp.css">

Live demo: https://andybrewer.github.io/mvp/

Unpkg: https://unpkg.com/mvp.css

NPM: https://www.npmjs.com/package/mvp.css

Versions

v1.6

• Added [hidden] styling to hide hidden elements
• Updated alternate table rows to use --color-accent for a more branded look
• Updated <table> to use display: block and removed overflow styling
• Updated font variable to font-family
• Updated <pre>, <code> and <samp> styling to have proper padding and recognize indented content
• Updated line-height to be a number instead of a percentage
• Updated multi-word dropdown menu titles to render on a single line

v1.5

• Added browser default :focus styling back in for better tabbed navigation
• Updated <a> styling to use display: inline-block for better focus outlines on buttons
• Added <label> styling for checkbox and radio elements
• Added striped <table>

v1.4

• Updated <pre> styling to use pre-line for better line breaks
• Added hover styling to <details><summary> tags

v1.3

• Updated <button> line-height and font to match <a><b> button styles
• Added a --font variable
• Added dropdown menus

v1.2

• Added checkbox and radio styling for <input> fields
• Added disabled and readonly styling

v1.1

• Updated code blocks to use <pre><code> instead of <samp>
• Added light styling for <select> fields
• Added <details> and <summary> tags
• Added prefers-color-scheme: dark media query (commented out by default)
• Updated <table> styling

Contributors

• andybrewer
• nikolai-cc
• aembleton
• simonw
• cfv1984
• irfaardy
• ruudud
• edlinkiii
• DiemenDesign
• thedamon
• hongsw
• ericwbailey
• martin-v
• GrosSacASac