Minimalist CSS Framework For Web Design – MVP.css

Category: CSS & CSS3 , Frameworks , Recommended | April 3, 2020
Author: andybrewer
Views Total: 139
Official Page: Go to website
Last Update: April 3, 2020
License: MIT

Preview:

Minimalist CSS Framework For Web Design – MVP.css

Description:

MVP.css is a lightweight CSS library that helps beginners quickly create responsive, mobile-friendly, minimal clean webpages without writing any JavaScript & CSS codes.

How to use it:

1. Just download the package and insert the stylesheet mvp.css into your document and done.

<link rel="stylesheet" href="mvp.css" />

2. Customize the stylesheet by overriding the default variables at the beginning of the mvp.css.

:root {
  --border-radius: 5px;
  --box-shadow: 2px 2px 10px;
  --color: #118bee;
  --color-accent: #118bee0b;
  --color-bg: #fff;
  --color-bg-secondary: #e9e9e9;
  --color-secondary: #920de9;
  --color-secondary-accent: #920de90b;
  --color-shadow: #f4f4f4;
  --color-text: #000;
  --color-text-secondary: #999;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --hover-brightness: 1.2;
  --justify-important: center;
  --justify-normal: left;
  --line-height: 150%;
  --width-card: 285px;
  --width-card-medium: 460px;
  --width-card-wide: 800px;
  --width-content: 1080px;
}

Changelog:

v1.3 (04/03/2020)

  • Updated button line-height and font to match link button styles
  • Added a –font variable
  • Added dropdown menus

You Might Be Interested In:


Leave a Reply