mirror of
https://github.com/picocss/pico.git
synced 2025-04-20 16:46:14 -04:00
Closes [BUG] Striped table does not work on minified pico css version Yohn/PicoCSS#42
Closes [BUG] Broken burger navbar with dropdown subnav Yohn/PicoCSS#37 2.2.5
This commit is contained in:
parent
d4baa32e0c
commit
03cf59032b
7 changed files with 33 additions and 33 deletions
|
@ -77,7 +77,7 @@ There are 4 ways to get started with pico.css:
|
||||||
Alternatively, you can use [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@yohns/picocss) to link pico.css.
|
Alternatively, you can use [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@yohns/picocss) to link pico.css.
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@yohns/picocss@2.2.4/css/pico.min.css" />
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@yohns/picocss@2.2.5/css/pico.min.css" />
|
||||||
```
|
```
|
||||||
|
|
||||||
### Install with NPM
|
### Install with NPM
|
||||||
|
@ -135,7 +135,7 @@ Use the default `.classless` version if you need centered viewports:
|
||||||
```html
|
```html
|
||||||
<link
|
<link
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
href="https://cdn.jsdelivr.net/npm/@yohns/picocss@2.2.4/css/pico.classless.min.css"
|
href="https://cdn.jsdelivr.net/npm/@yohns/picocss@2.2.5/css/pico.classless.min.css"
|
||||||
/>
|
/>
|
||||||
```
|
```
|
||||||
|
|
||||||
|
@ -144,7 +144,7 @@ Or use the `.fluid.classless` version if you need a fluid container:
|
||||||
```html
|
```html
|
||||||
<link
|
<link
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
href="https://cdn.jsdelivr.net/npm/@yohns/picocss@2.2.4/css/pico.fluid.classless.min.css"
|
href="https://cdn.jsdelivr.net/npm/@yohns/picocss@2.2.5/css/pico.fluid.classless.min.css"
|
||||||
/>
|
/>
|
||||||
```
|
```
|
||||||
|
|
||||||
|
@ -159,7 +159,7 @@ Then just write pure HTML, and it should look great:
|
||||||
<meta name="color-scheme" content="light dark" />
|
<meta name="color-scheme" content="light dark" />
|
||||||
<link
|
<link
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
href="https://cdn.jsdelivr.net/npm/@yohns/picocss@2.2.4/css/pico.classless.min.css"
|
href="https://cdn.jsdelivr.net/npm/@yohns/picocss@2.2.5/css/pico.classless.min.css"
|
||||||
/>
|
/>
|
||||||
<title>Hello, world!</title>
|
<title>Hello, world!</title>
|
||||||
</head>
|
</head>
|
||||||
|
|
|
@ -224,7 +224,7 @@
|
||||||
<main class="col-12 col-md-9 col-lg-10">
|
<main class="col-12 col-md-9 col-lg-10">
|
||||||
<article>
|
<article>
|
||||||
<header>
|
<header>
|
||||||
<h2>Yohns PicoCSS Fork v2.2.4</h2>
|
<h2>Yohns PicoCSS Fork v2.2.5</h2>
|
||||||
<p class="mb-0">Not in npm yet, but will be soon.</p>
|
<p class="mb-0">Not in npm yet, but will be soon.</p>
|
||||||
</header>
|
</header>
|
||||||
<p>I've merged some open pull requests from the <a href="https://github.com/picocss/pico">original Pico</a>
|
<p>I've merged some open pull requests from the <a href="https://github.com/picocss/pico">original Pico</a>
|
||||||
|
@ -1655,7 +1655,7 @@
|
||||||
function changeTheme(newTheme) {
|
function changeTheme(newTheme) {
|
||||||
const linkElement = document.getElementById('theme-color-ss');
|
const linkElement = document.getElementById('theme-color-ss');
|
||||||
if (linkElement) {
|
if (linkElement) {
|
||||||
linkElement.setAttribute('href', 'https://cdn.jsdelivr.net/gh/Yohn/PicoCSS@2.2.4/css/pico.' + newTheme + '.min.css');
|
linkElement.setAttribute('href', 'https://cdn.jsdelivr.net/gh/Yohn/PicoCSS@2.2.5/css/pico.' + newTheme + '.min.css');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
2
docs/pico.colors.min.css
vendored
2
docs/pico.colors.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
|
* Pico CSS ✨ v2.2.5 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2025 - Licensed under MIT
|
* Copyright 2019-2025 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
@ -236,18 +236,18 @@ nav details.dropdown summary:focus-visible {
|
||||||
color-scheme: light;
|
color-scheme: light;
|
||||||
--pico-background-color: #fff;
|
--pico-background-color: #fff;
|
||||||
--pico-color: #373c44;
|
--pico-color: #373c44;
|
||||||
--pico-text-selection-color: rgba(5, 162, 162, 0.25);
|
--pico-text-selection-color: rgba(148, 134, 225, 0.25);
|
||||||
--pico-muted-color: #646b79;
|
--pico-muted-color: #646b79;
|
||||||
--pico-muted-border-color: rgb(231, 234, 239.5);
|
--pico-muted-border-color: rgb(231, 234, 239.5);
|
||||||
--pico-primary: #047878;
|
--pico-primary: #655cd6;
|
||||||
--pico-primary-background: #047878;
|
--pico-primary-background: #524ed2;
|
||||||
--pico-primary-border: var(--pico-primary-background);
|
--pico-primary-border: var(--pico-primary-background);
|
||||||
--pico-primary-underline: rgba(4, 120, 120, 0.5);
|
--pico-primary-underline: rgba(101, 92, 214, 0.5);
|
||||||
--pico-primary-hover: #025d5d;
|
--pico-primary-hover: #4040bf;
|
||||||
--pico-primary-hover-background: #046a6a;
|
--pico-primary-hover-background: #4040bf;
|
||||||
--pico-primary-hover-border: var(--pico-primary-hover-background);
|
--pico-primary-hover-border: var(--pico-primary-hover-background);
|
||||||
--pico-primary-hover-underline: var(--pico-primary-hover);
|
--pico-primary-hover-underline: var(--pico-primary-hover);
|
||||||
--pico-primary-focus: rgba(5, 162, 162, 0.5);
|
--pico-primary-focus: rgba(148, 134, 225, 0.5);
|
||||||
--pico-primary-inverse: #fff;
|
--pico-primary-inverse: #fff;
|
||||||
--pico-secondary: #5d6b89;
|
--pico-secondary: #5d6b89;
|
||||||
--pico-secondary-background: #525f7a;
|
--pico-secondary-background: #525f7a;
|
||||||
|
@ -391,18 +391,18 @@ nav details.dropdown summary:focus-visible {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
--pico-background-color: rgb(19, 22.5, 30.5);
|
--pico-background-color: rgb(19, 22.5, 30.5);
|
||||||
--pico-color: #c2c7d0;
|
--pico-color: #c2c7d0;
|
||||||
--pico-text-selection-color: rgba(10, 177, 177, 0.1875);
|
--pico-text-selection-color: rgba(162, 148, 229, 0.1875);
|
||||||
--pico-muted-color: #7b8495;
|
--pico-muted-color: #7b8495;
|
||||||
--pico-muted-border-color: #202632;
|
--pico-muted-border-color: #202632;
|
||||||
--pico-primary: #0ab1b1;
|
--pico-primary: #a294e5;
|
||||||
--pico-primary-background: #047878;
|
--pico-primary-background: #524ed2;
|
||||||
--pico-primary-border: var(--pico-primary-background);
|
--pico-primary-border: var(--pico-primary-background);
|
||||||
--pico-primary-underline: rgba(10, 177, 177, 0.5);
|
--pico-primary-underline: rgba(162, 148, 229, 0.5);
|
||||||
--pico-primary-hover: #0ccece;
|
--pico-primary-hover: #bdb2ec;
|
||||||
--pico-primary-hover-background: #058686;
|
--pico-primary-hover-background: #655cd6;
|
||||||
--pico-primary-hover-border: var(--pico-primary-hover-background);
|
--pico-primary-hover-border: var(--pico-primary-hover-background);
|
||||||
--pico-primary-hover-underline: var(--pico-primary-hover);
|
--pico-primary-hover-underline: var(--pico-primary-hover);
|
||||||
--pico-primary-focus: rgba(10, 177, 177, 0.375);
|
--pico-primary-focus: rgba(162, 148, 229, 0.375);
|
||||||
--pico-primary-inverse: #fff;
|
--pico-primary-inverse: #fff;
|
||||||
--pico-secondary: #969eaf;
|
--pico-secondary: #969eaf;
|
||||||
--pico-secondary-background: #525f7a;
|
--pico-secondary-background: #525f7a;
|
||||||
|
@ -546,18 +546,18 @@ nav details.dropdown summary:focus-visible {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
--pico-background-color: rgb(19, 22.5, 30.5);
|
--pico-background-color: rgb(19, 22.5, 30.5);
|
||||||
--pico-color: #c2c7d0;
|
--pico-color: #c2c7d0;
|
||||||
--pico-text-selection-color: rgba(10, 177, 177, 0.1875);
|
--pico-text-selection-color: rgba(162, 148, 229, 0.1875);
|
||||||
--pico-muted-color: #7b8495;
|
--pico-muted-color: #7b8495;
|
||||||
--pico-muted-border-color: #202632;
|
--pico-muted-border-color: #202632;
|
||||||
--pico-primary: #0ab1b1;
|
--pico-primary: #a294e5;
|
||||||
--pico-primary-background: #047878;
|
--pico-primary-background: #524ed2;
|
||||||
--pico-primary-border: var(--pico-primary-background);
|
--pico-primary-border: var(--pico-primary-background);
|
||||||
--pico-primary-underline: rgba(10, 177, 177, 0.5);
|
--pico-primary-underline: rgba(162, 148, 229, 0.5);
|
||||||
--pico-primary-hover: #0ccece;
|
--pico-primary-hover: #bdb2ec;
|
||||||
--pico-primary-hover-background: #058686;
|
--pico-primary-hover-background: #655cd6;
|
||||||
--pico-primary-hover-border: var(--pico-primary-hover-background);
|
--pico-primary-hover-border: var(--pico-primary-hover-background);
|
||||||
--pico-primary-hover-underline: var(--pico-primary-hover);
|
--pico-primary-hover-underline: var(--pico-primary-hover);
|
||||||
--pico-primary-focus: rgba(10, 177, 177, 0.375);
|
--pico-primary-focus: rgba(162, 148, 229, 0.375);
|
||||||
--pico-primary-inverse: #fff;
|
--pico-primary-inverse: #fff;
|
||||||
--pico-secondary: #969eaf;
|
--pico-secondary: #969eaf;
|
||||||
--pico-secondary-background: #525f7a;
|
--pico-secondary-background: #525f7a;
|
||||||
|
|
4
docs/pico.min.css
vendored
4
docs/pico.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "@yohns/picocss",
|
"name": "@yohns/picocss",
|
||||||
"version": "2.2.4",
|
"version": "2.2.5",
|
||||||
"description": "Minimal CSS Framework for semantic HTML, updated with enhanced capabilities.",
|
"description": "Minimal CSS Framework for semantic HTML, updated with enhanced capabilities.",
|
||||||
"authors": [
|
"authors": [
|
||||||
{
|
{
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
|
* Pico CSS ✨ v2.2.5 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2025 - Licensed under MIT
|
* Copyright 2019-2025 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue