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
- Add
text-wrap: balance - Only apply top border radii on first table header row
- fix(scrollbar): use transparent as track color
- feat(scrollbar): adjustable color using variable
- Added smooth scrolling by default
- Styled
<a>element to be underlined by default - Styled scrollbar to be in-line with MVP styling
- Styled
<input type="submit">element to be the same as<button>
- Styled
<dialog>element
- Updated
<input type="text">and<textarea>styling to be full-width elements
- Updated
<input type="range">styling to allow user to select all numerical values - Added the option to handle a user's dark mode preference by using
<html color-mode="user">
- Updated
<p>to be full width - Added
--color-linkand--color-tablevariables - Added
--active-brightnessvariable plusa:activeandbutton:activestyles - Uncommented dark mode
- Updated
<a>to use--color(primary color) - Updated
<section>to handle overflow content - Updated
<section><img>and<article><img>to with within their containers by default - Added a showcase section to README
- Added
[hidden]styling to hide hidden elements - Updated alternate table rows to use
--color-accentfor a more branded look - Updated
<table>to usedisplay: blockand removedoverflowstyling - Updated
fontvariable tofont-family - Updated
<pre>,<code>and<samp>styling to have proper padding and recognize indented content - Updated
line-heightto be a number instead of a percentage - Updated multi-word dropdown menu titles to render on a single line
- Added browser default
:focusstyling back in for better tabbed navigation - Updated
<a>styling to usedisplay: inline-blockfor better focus outlines on buttons - Added
<label>styling forcheckboxandradioelements - Added striped
<table>
- Updated
<pre>styling to usepre-linefor better line breaks - Added hover styling to
<details><summary>tags
- Updated
<button>line-heightandfontto match<a><b>button styles - Added a
--fontvariable - Added dropdown menus
- Added
checkboxandradiostyling for<input>fields - Added
disabledandreadonlystyling
- 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: darkmedia query (commented out by default) - Updated
<table>styling
- andybrewer
- aembleton
- afeld
- cfv1984
- coolaj86
- ctp52
- DiemenDesign
- edlinkiii
- ericwbailey
- GrosSacASac
- hongsw
- irfaardy
- martin-v
- michaelp-coder
- nikolai-cc
- ruudud
- ScottGuthart
- simonw
- thedamon
- https://bliss.js.org/
- https://chrisbilger.com/
- https://figmage.com/
- https://geozip.xyz
- https://www.mondage.com
- https://nextvita.vercel.app/
- https://searchcode.com/
- https://stadtfuehrung.stadtroda.de/
To submit your site built with MVP.css create a pull request or an issue. For pull requests, please keep sites in alphabetical order.