Responsive Modular CSS Framework – mono-color

Category: CSS & CSS3 , Frameworks , Recommended | May 27, 2020
Author:asvvvad
Views Total:94 views
Official Page:Go to website
Last Update:May 27, 2020
License:MIT

Preview:

Responsive Modular CSS Framework – mono-color

Description:

mono-color is a tiny, responsive, modular, clean, CSS-only front-end framework designed for content-centric websites & web applications.

More Features:

  • Focused on readability.
  • Optimized for both web and mobile.
  • Dark and Light themes.
  • 12-column based grid system.
  • Useful CSS utility classes.
  • Most commonly used components: cards, badges, alerts, buttons, etc.

How to use it:

1. Download & unzip the package.

2. Insert the following stylesheets into your document.

  • light.min.css: Light Theme
  • dark.min.css: Dark Theme
  • mono.min.css: With no components, grid system, utilities, etc
  • mono-color.min.css: With components, grid system, utilities, etc
<link rel="stylesheet" href="/path/to/light.min.css" media="" />
<link rel="stylesheet" href="/path/to/dark.min.css" media="(prefers-color-scheme: dark)" />
<link rel="stylesheet" href="/path/to/mono.min.css" />
<link rel="stylesheet" href="/path/to/mono-color.min.css" />

More Previews:

mono-color Typography

Typography

mono-color Code Block

Code Block

mono-color Blockquote

Blockquote

mono-color Table

Table

mono-color Form

Form

mono-color Grid System

Grid System

mono-color Rounded Buttons

Rounded Buttons

mono-color Cards

Cards

mono-color Alerts

Alerts

You Might Be Interested In:


Leave a Reply