44 </a >
55</p >
66
7- <h3 align =" center " >Pico.css </h3 >
7+ <h3 align =" center " >Pico CSS </h3 >
88
99<p align =" center " >
1010 <strong >Minimal CSS Framework for semantic HTML</strong ><br >
1313 <a href =" https://picocss.com/docs/ " >Documentation</a >
1414</p >
1515
16- ## Pico.css
17- [ ![ Standard gzipped CSS] ( https://img.badgesize.io/picocss/pico/master/css/pico.min.css?compression=gzip&color=1095c1&label=Standard%20CSS )] ( https://unpkg.com/ @picocss/pico@latest /css/pico.min.css )
18- [ ![ Classless gzipped CSS] ( https://img.badgesize.io/picocss/pico/master/css/pico.classless.min.css?compression=gzip&color=1095c1&label=Classless%20CSS )] ( https://unpkg.com/ @picocss/pico@latest /css/pico.classless.min.css )
16+ ## Pico CSS
17+ [ ![ Standard gzipped CSS] ( https://img.badgesize.io/picocss/pico/master/css/pico.min.css?compression=gzip&color=1095c1&label=Standard%20CSS )] ( https://cdn.jsdelivr.net/npm/ @picocss/pico@1 /css/pico.min.css )
18+ [ ![ Classless gzipped CSS] ( https://img.badgesize.io/picocss/pico/master/css/pico.classless.min.css?compression=gzip&color=1095c1&label=Classless%20CSS )] ( https://cdn.jsdelivr.net/npm/ @picocss/pico@1 /css/pico.classless.min.css )
1919[ ![ Github release] ( https://img.shields.io/github/v/release/picocss/pico?color=1095c1&logo=github&logoColor=white )] ( https://github.com/picocss/pico/releases/latest )
2020[ ![ npm version] ( https://img.shields.io/npm/v/@picocss/pico?color=1095c1 )] ( https://www.npmjs.com/package/@picocss/pico )
2121[ ![ License] ( https://img.shields.io/badge/license-MIT-%231095c1 )] ( https://github.com/picocss/pico/blob/master/LICENSE.md )
@@ -48,7 +48,7 @@ Shipped with two beautiful color themes, automatically enabled according to the
4848
4949## Usage
5050
51- There are 4 ways to get started with pico.css :
51+ There are 4 ways to get started with Pico CSS :
5252
5353** Install manually**
5454
@@ -60,10 +60,10 @@ There are 4 ways to get started with pico.css:
6060
6161** Install from CDN**
6262
63- Alternatively, you can use [ unpkg CDN] ( https://unpkg. com/@picocss/pico@1.*/ ) to link pico.css.
63+ Alternatively, you can use [ jsDelivr CDN] ( https://www.jsdelivr. com/package/npm/ @picocss/pico ) to link pico.css.
6464
6565``` html
66- <link rel =" stylesheet" href =" https://unpkg.com/ @picocss/pico@1.* /css/pico.min.css"
66+ <link rel =" stylesheet" href =" https://cdn.jsdelivr.net/npm/ @picocss/pico@1/css/pico.min.css"
6767```
6868
6969** Install with NPM**
@@ -87,13 +87,13 @@ In this version, `header`, `main` and `footer` act as containers.
8787Use the default ` .classless ` version if you need centered viewports:
8888
8989``` html
90- <link rel =" stylesheet" href =" https://unpkg.com/ @picocss/pico@1.* /css/pico.classless.min.css"
90+ <link rel =" stylesheet" href =" https://cdn.jsdelivr.net/npm/ @picocss/pico@1/css/pico.classless.min.css"
9191```
9292
9393Or use the ` .fluid.classless ` version if you need a fluid container:
9494
9595``` html
96- <link rel =" stylesheet" href =" https://unpkg.com/ @picocss/pico@1.* /css/pico.fluid.classless.min.css"
96+ <link rel =" stylesheet" href =" https://cdn.jsdelivr.net/npm/ @picocss/pico@1/css/pico.fluid.classless.min.css"
9797```
9898
9999Then just write pure HTML, and it should look great:
@@ -104,7 +104,7 @@ Then just write pure HTML, and it should look great:
104104 <head >
105105 <meta charset =" utf-8"
106106 <meta name =" viewport" content =" width=device-width, initial-scale=1"
107- <link rel =" stylesheet" href =" https://unpkg.com/ @picocss/pico@1.* /css/pico.classless.min.css"
107+ <link rel =" stylesheet" href =" https://cdn.jsdelivr.net/npm/ @picocss/pico@1/css/pico.classless.min.css"
108108 <title >Hello, world!</title >
109109 </head >
110110 <body >
0 commit comments