/mvp

MVP.css — Minimalist classless CSS stylesheet for HTML elements

Primary LanguageHTMLMIT LicenseMIT

MVP.css — Minimalist stylesheet for HTML elements

MVP.css

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

Versions

v1.15

  • 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

v1.14

  • Added smooth scrolling by default

v1.13

  • Styled <a> element to be underlined by default
  • Styled scrollbar to be in-line with MVP styling

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.