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.

More Classless Frameworks:

• Minimal Classless CSS Framework To Build Elegant Webpages – Magick.css
• Quickly Build Professional Webpages With The Tiny.css Classless Framework
• Performance-focused Classless CSS Framework – Fly.css
• Minimal Clean CSS Design System – Pico.css
• Build Minimal Accessible Web Designs with Lissom.CSS

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.3.7 (05/29/2025)

• Keep figure captions on the screen while scrolling
• Change radio:checked::after and checkbox:checked::after size to relative value

v2.3.6 (04/30/2025)

• Add –border-width variable

v2.3.5 (03/22/2025)

• Remove direct header child requirement from nav element

v2.3.4 (02/20/2025)

• Center dialog on small screen widths

v2.3.3 (12/12/2024)

• Keep footer at bottom of viewport
• Revert “Keep footer at bottom of viewport”
• Remove unnecessary ::backdrop selector from :root
• Add print style

v2.3.2 (08/12/2024)

• fix (missing) margin collapses for sections
• Aria current tweak

v2.3.1 (05/25/2024)

• Center align images in figure elements
• Remove double margin when a table is nested inside a figure

v2.3.0 (03/06/2024)

• Use aria-current=”page” to highlight the current page in the header nav
• Setup .button to match button styles
• Preventing sup/sub from affecting line-height
• Same styles for buttons and inputs
• Add margin to header child when it has no siblings
• Add variable for button text color
• Have notice class match variable customization for border-radius
• Change button hover state to use color instead of filter
• Make tables in a figure full width

v2.2.1 (05/17/2023)

• Ensure buttons inherit font
• Improve Bidi support
• Class for current nav item

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