diff --git a/README.md b/README.md index bf24d9ca..4f9b7d62 100644 --- a/README.md +++ b/README.md @@ -60,10 +60,10 @@ There are 4 ways to get started with pico.css: **Install from CDN** -Alternatively, you can use [unpkg CDN](https://unpkg.com/@picocss/pico@latest/) to link pico.css. +Alternatively, you can use [unpkg CDN](https://unpkg.com/@picocss/pico@1.*/) to link pico.css. ```html - + ``` **Install with NPM** @@ -87,13 +87,13 @@ In this version, `header`, `main` and `footer` act as containers. Use the default `.classless` version if you need centered viewports: ```html - + ``` Or use the `.fluid.classless` version if you need a fluid container: ```html - + ``` Then just write pure HTML, and it should look great: @@ -104,7 +104,7 @@ Then just write pure HTML, and it should look great: - + Hello, world! diff --git a/docs/classless.html b/docs/classless.html index 21f36bb4..dd35089b 100644 --- a/docs/classless.html +++ b/docs/classless.html @@ -4,10 +4,10 @@ body > footer { … } -

Usage:

Use the default .classless version if you need centered viewports:

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

Or use the .fluid.classless version if you need a fluid container:

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

These .classless versions are also available on unpkg CDN:

// Centered viewport
-<link rel="stylesheet" href="https://unpkg.com/@picocss/pico@latest/css/pico.classless.min.css">
+

Usage:

Use the default .classless version if you need centered viewports:

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

Or use the .fluid.classless version if you need a fluid container:

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

These .classless versions are also available on unpkg CDN:

// Centered viewport
+<link rel="stylesheet" href="https://unpkg.com/@picocss/pico@1.*/css/pico.classless.min.css">
 
// Fluid viewport
-<link rel="stylesheet" href="https://unpkg.com/@picocss/pico@latest/css/pico.fluid.classless.min.css">
+<link rel="stylesheet" href="https://unpkg.com/@picocss/pico@1.*/css/pico.fluid.classless.min.css">

If you need to customize the default parent (<body>) for <header>, <main>, and <footer>, you can recompile Pico by defining another CSS selector.

Useful for React, Gatsby or Next.js.

/* Custom Class-less version for React */
 
 // Set the root element
diff --git a/docs/index.html b/docs/index.html
index 08c45847..2c558f00 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,4 +1,4 @@
-Documentation • Pico.css
Usage
Works without package manager or dependencies 🙂!
There are 4 ways to get started with pico.css:
Install manually
Download Pico and link /css/pico.min.css in the <head> of your website.
<link rel="stylesheet" href="css/pico.min.css">
Install from CDN
Alternatively, you can use unpkg CDN to link pico.css
<link rel="stylesheet" href="https://unpkg.com/@picocss/pico@latest/css/pico.min.css">
Install with NPM
npm install @picocss/pico
Install with Composer
composer require picocss/pico
Starter HTML template:
<!doctype html>
+Documentation • Pico.css
Usage
Works without package manager or dependencies 🙂!
There are 4 ways to get started with pico.css:
Install manually
Download Pico and link /css/pico.min.css in the <head> of your website.
<link rel="stylesheet" href="css/pico.min.css">
Install from CDN
Alternatively, you can use unpkg CDN to link pico.css
<link rel="stylesheet" href="https://unpkg.com/@picocss/pico@1.*/css/pico.min.css">
Install with NPM
npm install @picocss/pico
Install with Composer
composer require picocss/pico
Starter HTML template:
<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8">
diff --git a/docs/src/classless.html b/docs/src/classless.html
index 53551793..3d01b75f 100644
--- a/docs/src/classless.html
+++ b/docs/src/classless.html
@@ -36,14 +36,14 @@
           
<link rel="stylesheet" href="css/pico.classless.min.css">

           
Or use the .fluid.classless version if you need a fluid container:

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

-          
These .classless versions are also available on unpkg CDN:

+          
These .classless versions are also available on unpkg CDN:

 
 
// Centered viewport
-<link rel="stylesheet" href="https://unpkg.com/@picocss/pico@latest/css/pico.classless.min.css">
+<link rel="stylesheet" href="https://unpkg.com/@picocss/pico@1.*/css/pico.classless.min.css">
 

 
 
// Fluid viewport
-<link rel="stylesheet" href="https://unpkg.com/@picocss/pico@latest/css/pico.fluid.classless.min.css">
+<link rel="stylesheet" href="https://unpkg.com/@picocss/pico@1.*/css/pico.fluid.classless.min.css">
 

 
           
If you need to customize the default parent (<body>) for <header>, <main>, and <footer>, you can recompile Pico by defining another CSS selector.

diff --git a/docs/src/index.html b/docs/src/index.html
index 8e07d367..682671ef 100644
--- a/docs/src/index.html
+++ b/docs/src/index.html
@@ -25,8 +25,8 @@
           
Download Pico and link /css/pico.min.css in the <head> of your website.

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

           
Install from CDN

-          
Alternatively, you can use unpkg CDN to link pico.css

-          
<link rel="stylesheet" href="https://unpkg.com/@picocss/pico@latest/css/pico.min.css">

+          
Alternatively, you can use unpkg CDN to link pico.css

+          
<link rel="stylesheet" href="https://unpkg.com/@picocss/pico@1.*/css/pico.min.css">

           
Install with NPM

           
npm install @picocss/pico

           
Install with Composer