From 19e34a35521bc0074823e32b65b87ba964002a72 Mon Sep 17 00:00:00 2001 From: Lucas Larroche Date: Sat, 8 Apr 2023 12:38:51 +0700 Subject: [PATCH] chore: change CDN from `unpkg` to `jsdelivr` --- README.md | 14 +++++++------- docs/classless.html | 6 +++--- docs/index.html | 2 +- docs/src/classless.html | 6 +++--- docs/src/index.html | 4 ++-- 5 files changed, 16 insertions(+), 16 deletions(-) diff --git a/README.md b/README.md index 4f9b7d62..68165c24 100644 --- a/README.md +++ b/README.md @@ -14,8 +14,8 @@

## Pico.css -[![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) -[![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) +[![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) +[![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) [![Github release](https://img.shields.io/github/v/release/picocss/pico?color=1095c1&logo=github&logoColor=white)](https://github.com/picocss/pico/releases/latest) [![npm version](https://img.shields.io/npm/v/@picocss/pico?color=1095c1)](https://www.npmjs.com/package/@picocss/pico) [![License](https://img.shields.io/badge/license-MIT-%231095c1)](https://github.com/picocss/pico/blob/master/LICENSE.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@1.*/) to link pico.css. +Alternatively, you can use [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@picocss/pico) 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 dd35089b..869cd407 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@1.*/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 jsDelivr CDN:

// Centered viewport
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@1/css/pico.classless.min.css">
 
// Fluid viewport
-<link rel="stylesheet" href="https://unpkg.com/@picocss/pico@1.*/css/pico.fluid.classless.min.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@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 2c558f00..bde36870 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@1.*/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 jsDelivr CDN to link pico.css
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@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 3d01b75f..8e3422bf 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 jsDelivr CDN:

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

 
 
// Fluid viewport
-<link rel="stylesheet" href="https://unpkg.com/@picocss/pico@1.*/css/pico.fluid.classless.min.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@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 682671ef..c2d5a15e 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@1.*/css/pico.min.css">

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

+          
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@1/css/pico.min.css">

           
Install with NPM

           
npm install @picocss/pico

           
Install with Composer