From e1935ae83323ebeaa2a9b7a71b5e2e8ab88e048a Mon Sep 17 00:00:00 2001 From: Lucas Date: Mon, 9 Dec 2019 15:14:26 +0700 Subject: [PATCH] Create README --- README.md | 59 +++++++++++++++++++++++++++++++++++++++++++++++ docs/img/logo.svg | 1 + docs/index.html | 2 +- 3 files changed, 61 insertions(+), 1 deletion(-) create mode 100644 docs/img/logo.svg diff --git a/README.md b/README.md index e69de29b..eed4734c 100644 --- a/README.md +++ b/README.md @@ -0,0 +1,59 @@ + + + + + +# 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](https://github.com/picocss/pico/archive/v1.0.0.zip) and link `/css/pico.min.css` in the `` of your website. + +```` + +## Examples + +- [**Class-less**](https://picocss.com/examples/classless/): Just a pure semantic HTML markup, without `.classes` +- [**Company**](https://picocss.com/examples/company/): A classic company or blog layout with a sidebar. +- [**Google Amp**](https://picocss.com/examples/google-amp/): A simple layout for Google Amp, with inlined CSS. +- [**Sign in**](https://picocss.com/examples/sign-in/): A minimalist layout for Login pages. + +## Documentation + +**Getting started** +- [Usage](https://picocss.com/docs/#start) +- [Themes](https://picocss.com/docs/#themes) +- [Customization](https://picocss.com/docs/#customization) +- [Class-less version](https://picocss.com/docs/#classless) + +**Layout** +- [Containers](https://picocss.com/docs/#containers) +- [Grids](https://picocss.com/docs/#grids) +- [Horizontal scroller](https://picocss.com/docs/#scroller) + +**Elements** +- [Typography](https://picocss.com/docs/#typography) +- [Buttons](https://picocss.com/docs/#buttons) +- [Forms](https://picocss.com/docs/#forms) + +**Components** +- [Accordions](https://picocss.com/docs/#accordions) +- [Cards](https://picocss.com/docs/#cards) +- [Navs](https://picocss.com/docs/#navs) +- [Tooltips](https://picocss.com/docs/#tooltips) + +## Copyright and license +- Licensed under the [MIT License](https://github.com/picocss/pico/blob/master/LICENSE.md) +- Openly inspired by [Bootstrap](https://github.com/twbs/bootstrap) ([MIT](https://github.com/twbs/bootstrap/blob/master/LICENSE)), [Spectre](https://github.com/picturepan2/spectre) ([MIT](https://github.com/picturepan2/spectre/blob/master/LICENSE)), [Wing](https://github.com/kbrsh/wing/) ([MIT](https://github.com/kbrsh/wing/blob/master/LICENSE)), [CSS Bed](https://github.com/ubershmekel/cssbed) & [Normalize](https://github.com/necolas/normalize.css/) ([MIT](https://github.com/necolas/normalize.css/blob/master/LICENSE.md)) +- Library icons by [Feather](https://github.com/feathericons/feather) ([MIT](https://github.com/feathericons/feather/blob/master/LICENSE)) +- Website icons by [Font Awesome](https://github.com/FortAwesome/Font-Awesome) ([CC BY 4.0](https://fontawesome.com/license/free)) diff --git a/docs/img/logo.svg b/docs/img/logo.svg new file mode 100644 index 00000000..5d47017a --- /dev/null +++ b/docs/img/logo.svg @@ -0,0 +1 @@ + diff --git a/docs/index.html b/docs/index.html index b73bef6b..99f8ef8a 100644 --- a/docs/index.html +++ b/docs/index.html @@ -101,7 +101,7 @@

1. Download Pico:

- + Download pico.css