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 usedisplay: block
and removedoverflow
styling - Updated
font
variable tofont-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 usedisplay: inline-block
for better focus outlines on buttons - Added
<label>
styling forcheckbox
andradio
elements - Added striped
<table>
v1.4
- Updated
<pre>
styling to usepre-line
for better line breaks - Added hover styling to
<details><summary>
tags
v1.3
- Updated
<button>
line-height
andfont
to match<a><b>
button styles - Added a
--font
variable - Added dropdown menus
v1.2
- Added
checkbox
andradio
styling for<input>
fields - Added
disabled
andreadonly
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