Skip to content

andybrewer/mvp

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
img
October 31, 2022 10:14
February 27, 2020 19:27
October 20, 2022 20:32
October 31, 2022 10:14
May 29, 2023 20:05
April 21, 2021 11:47
October 3, 2022 08:52

MVP.css

MVP.css — Minimalist stylesheet for HTML elements

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@1.12/mvp.css

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

Versions

v1.12

  • Styled <input type="submit"> element to be the same as <button>

v1.11

  • Styled <dialog> element

v1.10.2

  • Updated <input type="text"> and <textarea> styling to be full-width elements

v1.9

  • 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">

v1.8

  • Updated <p> to be full width
  • Added --color-link and --color-table variables
  • Added --active-brightness variable plus a:active and button:active styles
  • Uncommented dark mode

v1.7

  • 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

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

Showcase

To submit your site built with MVP.css create a pull request or an issue. For pull requests, please keep sites in alphabetical order.