MVP.css — Minimalist classless CSS stylesheet for HTML elements
MIT License
Out of the box CSS styling for HTML elements. No class names, no framework to learn.
Live demo: https://andybrewer.github.io/mvp/
Unpkg: https://unpkg.com/mvp.css
NPM: https://www.npmjs.com/package/mvp.css
text-wrap: balance
<a>
element to be underlined by default<input type="submit">
element to be the same as <button>
<dialog>
element<input type="text">
and <textarea>
styling to be full-width elements<input type="range">
styling to allow user to select all numerical values<html color-mode="user">
<p>
to be full width--color-link
and --color-table
variables--active-brightness
variable plus a:active
and button:active
styles<a>
to use --color
(primary color)<section>
to handle overflow content<section><img>
and <article><img>
to with within their containers by default[hidden]
styling to hide hidden elements--color-accent
for a more branded look<table>
to use display: block
and removed overflow
stylingfont
variable to font-family
<pre>
, <code>
and <samp>
styling to have proper padding and recognize indented contentline-height
to be a number instead of a percentage:focus
styling back in for better tabbed navigation<a>
styling to use display: inline-block
for better focus outlines on buttons<label>
styling for checkbox
and radio
elements<table>
<pre>
styling to use pre-line
for better line breaks<details><summary>
tags<button>
line-height
and font
to match <a><b>
button styles--font
variablecheckbox
and radio
styling for <input>
fieldsdisabled
and readonly
styling<pre><code>
instead of <samp>
<select>
fields<details>
and <summary>
tagsprefers-color-scheme: dark
media query (commented out by default)<table>
stylingTo submit your site built with MVP.css create a pull request or an issue. For pull requests, please keep sites in alphabetical order.