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
- 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-link
and--color-table
variables - Added
--active-brightness
variable plusa:active
andbutton:active
styles - 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-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
- 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>
- Updated
<pre>
styling to usepre-line
for better line breaks - Added hover styling to
<details><summary>
tags
- Updated
<button>
line-height
andfont
to match<a><b>
button styles - Added a
--font
variable - Added dropdown menus
- Added
checkbox
andradio
styling for<input>
fields - Added
disabled
andreadonly
styling
- 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
- 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
- http://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.