mirror of https://github.com/picocss/pico.git synced 2025-02-23 00:01:58 -05:00

Go to file

Lucas b3022b256e Improve markup validity

- Use `.classes` instead of properties for validations states
- Docs: `aria-label` for `article`
+ Simplify `hgroup`

2019-12-10 11:14:24 +07:00

css

Improve markup validity

2019-12-10 11:14:24 +07:00

docs

Improve markup validity

2019-12-10 11:14:24 +07:00

scss

Improve markup validity

2019-12-10 11:14:24 +07:00

.gitignore

Documentation

2019-11-27 18:35:03 +07:00

LICENSE.md

Create LICENSE.md

2019-11-28 10:01:41 +07:00

README.md

Create README

2019-12-09 15:14:26 +07:00

README.md

Pico.css

Graceful & Minimal CSS design system in pure semantic HTML.
Elegant styles for all natives HTML elements without .classes and dark mode automatically enabled.

5.6 KB minified and gzipped

Class-light and semantic: we use simple native HTML tags as much as possible. Only 6 .classes are used in Pico.
Great styles with just one CSS file: No dependencies, package manager, external files or JavaScript.
Responsive everything: Elegant and consistent adaptatives spacings and typography on all devices.
Light or Dark mode: Shipped with two beautiful color themes, automatically enabled according to the user preference.

Usage

Download Pico and link /css/pico.min.css in the <head> of your website.

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

Examples

Class-less: Just a pure semantic HTML markup, without .classes
Company: A classic company or blog layout with a sidebar.
Google Amp: A simple layout for Google Amp, with inlined CSS.
Sign in: A minimalist layout for Login pages.

Documentation

Getting started

Layout

Elements

Components

Copyright and license

Licensed under the MIT License
Openly inspired by Bootstrap (MIT), Spectre (MIT), Wing (MIT), CSS Bed & Normalize (MIT)
Library icons by Feather (MIT)
Website icons by Font Awesome (CC BY 4.0)