Minimal Classless CSS Framework – Simple.css

Category: CSS & CSS3 , Frameworks , Recommended | May 29, 2025
Author:kevquirk
Views Total:1,168 views
Official Page:Go to website
Last Update:May 29, 2025
License:MIT

Preview:

Minimal Classless CSS Framework – Simple.css

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:

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:

Simple.css Typography

Typography

Simple.css Blockquotes

Blockquotes

Simple.css Table

Table

Simple.css Form Controls

Form Controls

Simple.css HTML Inputs

HTML Inputs

Simple.css Buttons

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

You Might Be Interested In:


Leave a Reply