Minimal Classless CSS Framework – Simple.css

Preview:

Description:

Simple.css is a lightweight CSS framework (also considered as a CSS reset) that helps developers quickly build a minimal clean looking website without requiring them to add CSS classes to elements.

How to use it:

1. Install the CSS framework into your project by simply adding the simple.min.css stylesheet to the document.

<link rel="stylesheet" href="simple.min.css" />

2. Happy coding.

Previews:

Typography

Blockquotes

Table

Form Controls

HTML Inputs

Buttons

Changelog:

v2.1.0 (05/07/2022)

• Added formatting for aside, article and section tags
• Changed nav so that only the nav in the header is formatted
• Center the whole content inside figures, not just the caption
• Change screenshot.png to a newer version.
• Add fix for last-child items in a nav
• Increase left and right padding for ‘kbd’ element
• Remove duplicate properties
• Navigation list items
• Fixes Table Overflow

v2.0.0 (01/17/2022)

• Simple.css now uses CSS Grid instead of the old school display:block; method – this improves responsiveness and stops the need for hacks when it comes to full width content
• Clean & simplify stylesheet
• Lots of small UI/UX tweaks that generally improve things

v1.1.2 (01/17/2022)

• Update and bugfix

06/13/2021

• Update

03/24/2021

• Fixed the header bug where it overflows.

03/07/2021

• Added the little arrow to <select> and fixed its disabled state

02/20/2021

• Added pre span to mono-font list

02/18/2021

• Fixed: Input range should not have padding

01/27/2021

• also limit width of <video> element and add opacity in dark mode

01/26/2021

• Update

01/16/2021

• Set the cursor to `?` when hovering over an abbreviation

01/16/2021

• Fix CSS shorthand in `main`

01/12/2021

• Changed text colours to improve contrast ratio.

01/09/2021

• Update CSS