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.2.0 (03/14/2023)

• Added classes for .button and .notice
• Fix summary margins when using nested details
• Change dl grid-template-columns
• [css] fix whitespace
• Update hr vertical margin from 1rem to 3rem
• Change abbr css
• [css] use min-content on toggleable inputs
• [css] >3:1 contrast on borders + better hr styling
• [css] inline sibling checkbox/radio labels
• Button focus and disabled improvements
• Update simple.css for validation purposes
• Fix table ignoring width

v2.1.1 (09/01/2022)

• Change “radio” to vertical-align: middle
• Style Progress Bar and a few minor tweaks
• Add definition lists and fix Noto font
• Section boundaries
• Improve details and change background to background-color
• Bugfixes

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