mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-22 01:26:13 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

enhanced the tooltip to have a width of max-content and a max width of 250px. This will allow for the tooltips to not always be 250px wide even when the tooltip is short.

Browse source 
Added the ghost buttons from discussion #29
This commit is contained in:
Yohn 2025-01-13 21:02:05 -05:00
parent f8fbce367b
commit eb1304a8e4
262 changed files with 2039 additions and 646 deletions
Download patch file Download diff file Expand all files Collapse all files

8
README.md
View file

@ -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.
```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@yohns/picocss@2.2.3/css/pico.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@yohns/picocss@2.2.4/css/pico.min.css" />
```
### Install with NPM
@ -135,7 +135,7 @@ Use the default `.classless` version if you need centered viewports:
```html
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@yohns/picocss@2.2.3/css/pico.classless.min.css"
href="https://cdn.jsdelivr.net/npm/@yohns/picocss@2.2.4/css/pico.classless.min.css"
/>
```
@ -144,7 +144,7 @@ Or use the `.fluid.classless` version if you need a fluid container:
```html
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@yohns/picocss@2.2.3/css/pico.fluid.classless.min.css"
href="https://cdn.jsdelivr.net/npm/@yohns/picocss@2.2.4/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" />
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@yohns/picocss@2.2.3/css/pico.classless.min.css"
href="https://cdn.jsdelivr.net/npm/@yohns/picocss@2.2.4/css/pico.classless.min.css"
/>
<title>Hello, world!</title>
</head>

33
css/pico.amber.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -1694,6 +1694,34 @@ button:focus, button:is([aria-current]:not([aria-current=false])):focus,
pointer-events: none;
}
/* Base ghost button style */
:is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost {
--pico-background-color: transparent;
--pico-border-color: transparent;
--pico-color: var(--pico-primary);
}
:is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost:is(:hover, :focus, :active, [aria-current]:not([aria-current=false])) {
--pico-background-color: transparent;
--pico-border-color: transparent;
--pico-color: var(--pico-primary-hover);
}
/* Secondary ghost button */
:is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.secondary {
--pico-color: var(--pico-secondary);
}
:is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.secondary:is(:hover, :focus, :active, [aria-current]:not([aria-current=false])) {
--pico-color: var(--pico-secondary-hover);
}
/* Contrast ghost button */
:is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.contrast {
--pico-color: var(--pico-contrast);
}
:is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.contrast:is(:hover, :focus, :active, [aria-current]:not([aria-current=false])) {
--pico-color: var(--pico-contrast-hover);
}
/**
* Table
*/
@ -4122,7 +4150,8 @@ progress::-moz-progress-bar {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.amber.min.css vendored
View file

File diff suppressed because one or more lines are too long

33
css/pico.azure.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -1694,6 +1694,34 @@ button:focus, button:is([aria-current]:not([aria-current=false])):focus,
pointer-events: none;
}
/* Base ghost button style */
:is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost {
--pico-background-color: transparent;
--pico-border-color: transparent;
--pico-color: var(--pico-primary);
}
:is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost:is(:hover, :focus, :active, [aria-current]:not([aria-current=false])) {
--pico-background-color: transparent;
--pico-border-color: transparent;
--pico-color: var(--pico-primary-hover);
}
/* Secondary ghost button */
:is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.secondary {
--pico-color: var(--pico-secondary);
}
:is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.secondary:is(:hover, :focus, :active, [aria-current]:not([aria-current=false])) {
--pico-color: var(--pico-secondary-hover);
}
/* Contrast ghost button */
:is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.contrast {
--pico-color: var(--pico-contrast);
}
:is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.contrast:is(:hover, :focus, :active, [aria-current]:not([aria-current=false])) {
--pico-color: var(--pico-contrast-hover);
}
/**
* Table
*/
@ -4122,7 +4150,8 @@ progress::-moz-progress-bar {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.azure.min.css vendored
View file

File diff suppressed because one or more lines are too long

33
css/pico.blue.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -1694,6 +1694,34 @@ button:focus, button:is([aria-current]:not([aria-current=false])):focus,
pointer-events: none;
}
/* Base ghost button style */
:is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost {
--pico-background-color: transparent;
--pico-border-color: transparent;
--pico-color: var(--pico-primary);
}
:is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost:is(:hover, :focus, :active, [aria-current]:not([aria-current=false])) {
--pico-background-color: transparent;
--pico-border-color: transparent;
--pico-color: var(--pico-primary-hover);
}
/* Secondary ghost button */
:is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.secondary {
--pico-color: var(--pico-secondary);
}
:is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.secondary:is(:hover, :focus, :active, [aria-current]:not([aria-current=false])) {
--pico-color: var(--pico-secondary-hover);
}
/* Contrast ghost button */
:is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.contrast {
--pico-color: var(--pico-contrast);
}
:is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.contrast:is(:hover, :focus, :active, [aria-current]:not([aria-current=false])) {
--pico-color: var(--pico-contrast-hover);
}
/**
* Table
*/
@ -4122,7 +4150,8 @@ progress::-moz-progress-bar {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.blue.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.amber.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ progress::-moz-progress-bar {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.amber.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.azure.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ progress::-moz-progress-bar {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.azure.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.blue.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ progress::-moz-progress-bar {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.blue.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.conditional.amber.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ body:has(dialog[open]) {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.conditional.amber.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.conditional.azure.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ body:has(dialog[open]) {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.conditional.azure.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.conditional.blue.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ body:has(dialog[open]) {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.conditional.blue.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.conditional.cyan.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ body:has(dialog[open]) {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.conditional.cyan.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.conditional.fuchsia.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ body:has(dialog[open]) {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.conditional.fuchsia.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.conditional.green.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ body:has(dialog[open]) {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.conditional.green.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.conditional.grey.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ body:has(dialog[open]) {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.conditional.grey.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.conditional.indigo.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ body:has(dialog[open]) {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.conditional.indigo.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.conditional.jade.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ body:has(dialog[open]) {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.conditional.jade.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.conditional.lime.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ body:has(dialog[open]) {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.conditional.lime.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.conditional.orange.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ body:has(dialog[open]) {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.conditional.orange.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.conditional.pink.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ body:has(dialog[open]) {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.conditional.pink.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.conditional.pumpkin.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ body:has(dialog[open]) {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.conditional.pumpkin.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.conditional.purple.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ body:has(dialog[open]) {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.conditional.purple.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.conditional.red.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ body:has(dialog[open]) {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.conditional.red.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.conditional.sand.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ body:has(dialog[open]) {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.conditional.sand.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.conditional.slate.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ body:has(dialog[open]) {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.conditional.slate.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.conditional.violet.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ body:has(dialog[open]) {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.conditional.violet.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.conditional.yellow.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ body:has(dialog[open]) {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.conditional.yellow.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.conditional.zinc.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ body:has(dialog[open]) {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.conditional.zinc.min.css vendored
View file

File diff suppressed because one or more lines are too long

47
css/pico.classless.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -199,18 +199,18 @@ input:not([type=submit],
color-scheme: light;
--pico-background-color: #fff;
--pico-color: #373c44;
--pico-text-selection-color: rgba(0, 166, 110, 0.25);
--pico-text-selection-color: rgba(240, 96, 72, 0.25);
--pico-muted-color: #646b79;
--pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #007a50;
--pico-primary-background: #007a50;
--pico-primary: #c52f21;
--pico-primary-background: #c52f21;
--pico-primary-border: var(--pico-primary-background);
--pico-primary-underline: rgba(0, 122, 80, 0.5);
--pico-primary-hover: #005f3d;
--pico-primary-hover-background: #006d46;
--pico-primary-underline: rgba(197, 47, 33, 0.5);
--pico-primary-hover: #9b2318;
--pico-primary-hover-background: #af291d;
--pico-primary-hover-border: var(--pico-primary-hover-background);
--pico-primary-hover-underline: var(--pico-primary-hover);
--pico-primary-focus: rgba(0, 166, 110, 0.5);
--pico-primary-focus: rgba(240, 96, 72, 0.5);
--pico-primary-inverse: #fff;
--pico-secondary: #5d6b89;
--pico-secondary-background: #525f7a;
@ -339,18 +339,18 @@ input:not([type=submit],
color-scheme: dark;
--pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0;
--pico-text-selection-color: rgba(0, 180, 120, 0.1875);
--pico-text-selection-color: rgba(241, 121, 97, 0.1875);
--pico-muted-color: #7b8495;
--pico-muted-border-color: #202632;
--pico-primary: #00b478;
--pico-primary-background: #007a50;
--pico-primary: #f17961;
--pico-primary-background: #c52f21;
--pico-primary-border: var(--pico-primary-background);
--pico-primary-underline: rgba(0, 180, 120, 0.5);
--pico-primary-hover: #00cc88;
--pico-primary-hover-background: #00895a;
--pico-primary-underline: rgba(241, 121, 97, 0.5);
--pico-primary-hover: #f5a390;
--pico-primary-hover-background: #d93526;
--pico-primary-hover-border: var(--pico-primary-hover-background);
--pico-primary-hover-underline: var(--pico-primary-hover);
--pico-primary-focus: rgba(0, 180, 120, 0.375);
--pico-primary-focus: rgba(241, 121, 97, 0.375);
--pico-primary-inverse: #fff;
--pico-secondary: #969eaf;
--pico-secondary-background: #525f7a;
@ -469,18 +469,18 @@ input:not([type=submit],
color-scheme: dark;
--pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0;
--pico-text-selection-color: rgba(0, 180, 120, 0.1875);
--pico-text-selection-color: rgba(241, 121, 97, 0.1875);
--pico-muted-color: #7b8495;
--pico-muted-border-color: #202632;
--pico-primary: #00b478;
--pico-primary-background: #007a50;
--pico-primary: #f17961;
--pico-primary-background: #c52f21;
--pico-primary-border: var(--pico-primary-background);
--pico-primary-underline: rgba(0, 180, 120, 0.5);
--pico-primary-hover: #00cc88;
--pico-primary-hover-background: #00895a;
--pico-primary-underline: rgba(241, 121, 97, 0.5);
--pico-primary-hover: #f5a390;
--pico-primary-hover-background: #d93526;
--pico-primary-hover-border: var(--pico-primary-hover-background);
--pico-primary-hover-underline: var(--pico-primary-hover);
--pico-primary-focus: rgba(0, 180, 120, 0.375);
--pico-primary-focus: rgba(241, 121, 97, 0.375);
--pico-primary-inverse: #fff;
--pico-secondary: #969eaf;
--pico-secondary-background: #525f7a;
@ -3172,7 +3172,8 @@ progress::-moz-progress-bar {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

5
css/pico.classless.cyan.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ progress::-moz-progress-bar {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.cyan.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.fuchsia.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ progress::-moz-progress-bar {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.fuchsia.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.green.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ progress::-moz-progress-bar {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.green.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.grey.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ progress::-moz-progress-bar {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.grey.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.indigo.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ progress::-moz-progress-bar {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.indigo.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.jade.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ progress::-moz-progress-bar {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.jade.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.lime.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ progress::-moz-progress-bar {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.lime.min.css vendored
View file

File diff suppressed because one or more lines are too long

4
css/pico.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.orange.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ progress::-moz-progress-bar {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.orange.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.pink.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ progress::-moz-progress-bar {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.pink.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.pumpkin.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ progress::-moz-progress-bar {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.pumpkin.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.purple.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ progress::-moz-progress-bar {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.purple.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.red.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ progress::-moz-progress-bar {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.red.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.sand.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ progress::-moz-progress-bar {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.sand.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.slate.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ progress::-moz-progress-bar {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.slate.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.violet.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ progress::-moz-progress-bar {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.violet.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.yellow.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ progress::-moz-progress-bar {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.yellow.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
css/pico.classless.zinc.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -3172,7 +3172,8 @@ progress::-moz-progress-bar {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.classless.zinc.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/pico.colors.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
:root,

2
css/pico.colors.min.css vendored
View file

File diff suppressed because one or more lines are too long

33
css/pico.conditional.amber.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -1694,6 +1694,34 @@ main {
pointer-events: none;
}
/* Base ghost button style */
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost {
--pico-background-color: transparent;
--pico-border-color: transparent;
--pico-color: var(--pico-primary);
}
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost:is(:hover, :focus, :active, [aria-current]:not([aria-current=false])) {
--pico-background-color: transparent;
--pico-border-color: transparent;
--pico-color: var(--pico-primary-hover);
}
/* Secondary ghost button */
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.secondary {
--pico-color: var(--pico-secondary);
}
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.secondary:is(:hover, :focus, :active, [aria-current]:not([aria-current=false])) {
--pico-color: var(--pico-secondary-hover);
}
/* Contrast ghost button */
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.contrast {
--pico-color: var(--pico-contrast);
}
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.contrast:is(:hover, :focus, :active, [aria-current]:not([aria-current=false])) {
--pico-color: var(--pico-contrast-hover);
}
/**
* Table
*/
@ -4122,7 +4150,8 @@ body:has(dialog[open]) {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.conditional.amber.min.css vendored
View file

File diff suppressed because one or more lines are too long

33
css/pico.conditional.azure.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -1694,6 +1694,34 @@ main {
pointer-events: none;
}
/* Base ghost button style */
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost {
--pico-background-color: transparent;
--pico-border-color: transparent;
--pico-color: var(--pico-primary);
}
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost:is(:hover, :focus, :active, [aria-current]:not([aria-current=false])) {
--pico-background-color: transparent;
--pico-border-color: transparent;
--pico-color: var(--pico-primary-hover);
}
/* Secondary ghost button */
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.secondary {
--pico-color: var(--pico-secondary);
}
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.secondary:is(:hover, :focus, :active, [aria-current]:not([aria-current=false])) {
--pico-color: var(--pico-secondary-hover);
}
/* Contrast ghost button */
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.contrast {
--pico-color: var(--pico-contrast);
}
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.contrast:is(:hover, :focus, :active, [aria-current]:not([aria-current=false])) {
--pico-color: var(--pico-contrast-hover);
}
/**
* Table
*/
@ -4122,7 +4150,8 @@ body:has(dialog[open]) {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.conditional.azure.min.css vendored
View file

File diff suppressed because one or more lines are too long

33
css/pico.conditional.blue.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -1694,6 +1694,34 @@ main {
pointer-events: none;
}
/* Base ghost button style */
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost {
--pico-background-color: transparent;
--pico-border-color: transparent;
--pico-color: var(--pico-primary);
}
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost:is(:hover, :focus, :active, [aria-current]:not([aria-current=false])) {
--pico-background-color: transparent;
--pico-border-color: transparent;
--pico-color: var(--pico-primary-hover);
}
/* Secondary ghost button */
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.secondary {
--pico-color: var(--pico-secondary);
}
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.secondary:is(:hover, :focus, :active, [aria-current]:not([aria-current=false])) {
--pico-color: var(--pico-secondary-hover);
}
/* Contrast ghost button */
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.contrast {
--pico-color: var(--pico-contrast);
}
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.contrast:is(:hover, :focus, :active, [aria-current]:not([aria-current=false])) {
--pico-color: var(--pico-contrast-hover);
}
/**
* Table
*/
@ -4122,7 +4150,8 @@ body:has(dialog[open]) {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.conditional.blue.min.css vendored
View file

File diff suppressed because one or more lines are too long

33
css/pico.conditional.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -1694,6 +1694,34 @@ main {
pointer-events: none;
}
/* Base ghost button style */
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost {
--pico-background-color: transparent;
--pico-border-color: transparent;
--pico-color: var(--pico-primary);
}
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost:is(:hover, :focus, :active, [aria-current]:not([aria-current=false])) {
--pico-background-color: transparent;
--pico-border-color: transparent;
--pico-color: var(--pico-primary-hover);
}
/* Secondary ghost button */
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.secondary {
--pico-color: var(--pico-secondary);
}
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.secondary:is(:hover, :focus, :active, [aria-current]:not([aria-current=false])) {
--pico-color: var(--pico-secondary-hover);
}
/* Contrast ghost button */
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.contrast {
--pico-color: var(--pico-contrast);
}
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.contrast:is(:hover, :focus, :active, [aria-current]:not([aria-current=false])) {
--pico-color: var(--pico-contrast-hover);
}
/**
* Table
*/
@ -4122,7 +4150,8 @@ body:has(dialog[open]) {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

33
css/pico.conditional.cyan.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.3 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.4 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -1694,6 +1694,34 @@ main {
pointer-events: none;
}
/* Base ghost button style */
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost {
--pico-background-color: transparent;
--pico-border-color: transparent;
--pico-color: var(--pico-primary);
}
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost:is(:hover, :focus, :active, [aria-current]:not([aria-current=false])) {
--pico-background-color: transparent;
--pico-border-color: transparent;
--pico-color: var(--pico-primary-hover);
}
/* Secondary ghost button */
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.secondary {
--pico-color: var(--pico-secondary);
}
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.secondary:is(:hover, :focus, :active, [aria-current]:not([aria-current=false])) {
--pico-color: var(--pico-secondary-hover);
}
/* Contrast ghost button */
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.contrast {
--pico-color: var(--pico-contrast);
}
.pico :is(button, [type=button], [type=submit], [type=reset], [role=button]).ghost.contrast:is(:hover, :focus, :active, [aria-current]:not([aria-current=false])) {
--pico-color: var(--pico-contrast-hover);
}
/**
* Table
*/
@ -4122,7 +4150,8 @@ body:has(dialog[open]) {
position: absolute;
bottom: 100%;
left: 50%;
width: 250px;
width: -moz-max-content;
width: max-content;
max-width: 250px;
padding: 0.25rem 0.5rem;
overflow: hidden;

4
css/pico.conditional.cyan.min.css vendored
View file

File diff suppressed because one or more lines are too long

Some files were not shown because too many files have changed in this diff Show more