Minimal Classless CSS Framework – Simple.css

Category: CSS & CSS3 , Frameworks , Recommended | May 17, 2023
Author:kevquirk
Views Total:113 views
Official Page:Go to website
Last Update:May 17, 2023
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.

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.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