mirror of
https://github.com/picocss/pico.git
synced 2025-04-20 08:45:06 -04:00
refactor: files structure
This commit is contained in:
Lucas Larroche
parent
bcac2dca3f
commit
9fa6aa5fab
244 changed files with 8531 additions and 8530 deletions
|
|
@ -652,6 +652,13 @@ body > footer {
|
||||||
padding-block: var(--pico-block-spacing-vertical);
|
padding-block: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Section
|
||||||
|
*/
|
||||||
|
section {
|
||||||
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Container
|
* Container
|
||||||
*/
|
*/
|
||||||
|
|
@ -692,13 +699,6 @@ body > footer {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Section
|
|
||||||
*/
|
|
||||||
section {
|
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Grid
|
* Grid
|
||||||
* Minimal grid system with auto-layout columns
|
* Minimal grid system with auto-layout columns
|
||||||
|
|
@ -725,60 +725,6 @@ section {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
:where(a:not([role=button])),
|
|
||||||
[role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):focus-visible,
|
|
||||||
[role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])).secondary,
|
|
||||||
[role=link].secondary {
|
|
||||||
--pico-color: var(--pico-secondary);
|
|
||||||
--pico-underline: var(--pico-secondary-underline);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
[role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-secondary-hover);
|
|
||||||
--pico-underline: var(--pico-secondary-hover-underline);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])).contrast,
|
|
||||||
[role=link].contrast {
|
|
||||||
--pico-color: var(--pico-contrast);
|
|
||||||
--pico-underline: var(--pico-contrast-underline);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
[role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-contrast-hover);
|
|
||||||
--pico-underline: var(--pico-contrast-hover-underline);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -936,40 +882,59 @@ del {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
:where(audio, canvas, iframe, img, svg, video) {
|
:where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
[role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):focus-visible,
|
||||||
|
[role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])).secondary,
|
||||||
|
[role=link].secondary {
|
||||||
|
--pico-color: var(--pico-secondary);
|
||||||
|
--pico-underline: var(--pico-secondary-underline);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
[role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-secondary-hover);
|
||||||
|
--pico-underline: var(--pico-secondary-hover-underline);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])).contrast,
|
||||||
|
[role=link].contrast {
|
||||||
|
--pico-color: var(--pico-contrast);
|
||||||
|
--pico-underline: var(--pico-contrast-underline);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
[role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-contrast-hover);
|
||||||
|
--pico-underline: var(--pico-contrast-hover-underline);
|
||||||
}
|
}
|
||||||
|
|
||||||
audio,
|
a[role=button] {
|
||||||
video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -1159,6 +1124,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
:where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio,
|
||||||
|
video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.amber.min.css
vendored
2
css/pico.amber.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -652,6 +652,13 @@ body > footer {
|
||||||
padding-block: var(--pico-block-spacing-vertical);
|
padding-block: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Section
|
||||||
|
*/
|
||||||
|
section {
|
||||||
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Container
|
* Container
|
||||||
*/
|
*/
|
||||||
|
|
@ -692,13 +699,6 @@ body > footer {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Section
|
|
||||||
*/
|
|
||||||
section {
|
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Grid
|
* Grid
|
||||||
* Minimal grid system with auto-layout columns
|
* Minimal grid system with auto-layout columns
|
||||||
|
|
@ -725,60 +725,6 @@ section {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
:where(a:not([role=button])),
|
|
||||||
[role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):focus-visible,
|
|
||||||
[role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])).secondary,
|
|
||||||
[role=link].secondary {
|
|
||||||
--pico-color: var(--pico-secondary);
|
|
||||||
--pico-underline: var(--pico-secondary-underline);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
[role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-secondary-hover);
|
|
||||||
--pico-underline: var(--pico-secondary-hover-underline);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])).contrast,
|
|
||||||
[role=link].contrast {
|
|
||||||
--pico-color: var(--pico-contrast);
|
|
||||||
--pico-underline: var(--pico-contrast-underline);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
[role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-contrast-hover);
|
|
||||||
--pico-underline: var(--pico-contrast-hover-underline);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -936,40 +882,59 @@ del {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
:where(audio, canvas, iframe, img, svg, video) {
|
:where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
[role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):focus-visible,
|
||||||
|
[role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])).secondary,
|
||||||
|
[role=link].secondary {
|
||||||
|
--pico-color: var(--pico-secondary);
|
||||||
|
--pico-underline: var(--pico-secondary-underline);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
[role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-secondary-hover);
|
||||||
|
--pico-underline: var(--pico-secondary-hover-underline);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])).contrast,
|
||||||
|
[role=link].contrast {
|
||||||
|
--pico-color: var(--pico-contrast);
|
||||||
|
--pico-underline: var(--pico-contrast-underline);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
[role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-contrast-hover);
|
||||||
|
--pico-underline: var(--pico-contrast-hover-underline);
|
||||||
}
|
}
|
||||||
|
|
||||||
audio,
|
a[role=button] {
|
||||||
video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -1159,6 +1124,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
:where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio,
|
||||||
|
video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.blue.min.css
vendored
2
css/pico.blue.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ section {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
:where(a:not([role=button])),
|
|
||||||
[role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):focus-visible,
|
|
||||||
[role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ del {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
:where(audio, canvas, iframe, img, svg, video) {
|
:where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
[role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):focus-visible,
|
||||||
|
[role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
audio,
|
a[role=button] {
|
||||||
video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
:where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio,
|
||||||
|
video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.amber.min.css
vendored
2
css/pico.classless.amber.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ section {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
:where(a:not([role=button])),
|
|
||||||
[role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):focus-visible,
|
|
||||||
[role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ del {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
:where(audio, canvas, iframe, img, svg, video) {
|
:where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
[role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):focus-visible,
|
||||||
|
[role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
audio,
|
a[role=button] {
|
||||||
video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
:where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio,
|
||||||
|
video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.blue.min.css
vendored
2
css/pico.classless.blue.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ main {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.amber.min.css
vendored
2
css/pico.classless.conditional.amber.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ main {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.blue.min.css
vendored
2
css/pico.classless.conditional.blue.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ main {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.cyan.min.css
vendored
2
css/pico.classless.conditional.cyan.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ main {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ main {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.green.min.css
vendored
2
css/pico.classless.conditional.green.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ main {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.grey.min.css
vendored
2
css/pico.classless.conditional.grey.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ main {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ main {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.jade.min.css
vendored
2
css/pico.classless.conditional.jade.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ main {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.lime.min.css
vendored
2
css/pico.classless.conditional.lime.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ main {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ main {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.pink.min.css
vendored
2
css/pico.classless.conditional.pink.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ main {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ main {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ main {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.red.min.css
vendored
2
css/pico.classless.conditional.red.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ main {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.sand.min.css
vendored
2
css/pico.classless.conditional.sand.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ main {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.slate.min.css
vendored
2
css/pico.classless.conditional.slate.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ main {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ main {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ main {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.zinc.min.css
vendored
2
css/pico.classless.conditional.zinc.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ section {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
:where(a:not([role=button])),
|
|
||||||
[role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):focus-visible,
|
|
||||||
[role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ del {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
:where(audio, canvas, iframe, img, svg, video) {
|
:where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
[role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):focus-visible,
|
||||||
|
[role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
audio,
|
a[role=button] {
|
||||||
video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
:where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio,
|
||||||
|
video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
|
|
@ -631,40 +631,6 @@ section {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
:where(a:not([role=button])),
|
|
||||||
[role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):focus-visible,
|
|
||||||
[role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ del {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
:where(audio, canvas, iframe, img, svg, video) {
|
:where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
[role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):focus-visible,
|
||||||
|
[role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
audio,
|
a[role=button] {
|
||||||
video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
:where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio,
|
||||||
|
video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.cyan.min.css
vendored
2
css/pico.classless.cyan.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ section {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
:where(a:not([role=button])),
|
|
||||||
[role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):focus-visible,
|
|
||||||
[role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ del {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
:where(audio, canvas, iframe, img, svg, video) {
|
:where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
[role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):focus-visible,
|
||||||
|
[role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
audio,
|
a[role=button] {
|
||||||
video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
:where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio,
|
||||||
|
video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.fuchsia.min.css
vendored
2
css/pico.classless.fuchsia.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ section {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
:where(a:not([role=button])),
|
|
||||||
[role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):focus-visible,
|
|
||||||
[role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ del {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
:where(audio, canvas, iframe, img, svg, video) {
|
:where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
[role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):focus-visible,
|
||||||
|
[role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
audio,
|
a[role=button] {
|
||||||
video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
:where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio,
|
||||||
|
video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.green.min.css
vendored
2
css/pico.classless.green.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ section {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
:where(a:not([role=button])),
|
|
||||||
[role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):focus-visible,
|
|
||||||
[role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ del {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
:where(audio, canvas, iframe, img, svg, video) {
|
:where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
[role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):focus-visible,
|
||||||
|
[role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
audio,
|
a[role=button] {
|
||||||
video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
:where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio,
|
||||||
|
video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.grey.min.css
vendored
2
css/pico.classless.grey.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ section {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
:where(a:not([role=button])),
|
|
||||||
[role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):focus-visible,
|
|
||||||
[role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ del {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
:where(audio, canvas, iframe, img, svg, video) {
|
:where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
[role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):focus-visible,
|
||||||
|
[role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
audio,
|
a[role=button] {
|
||||||
video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
:where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio,
|
||||||
|
video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.indigo.min.css
vendored
2
css/pico.classless.indigo.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ section {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
:where(a:not([role=button])),
|
|
||||||
[role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):focus-visible,
|
|
||||||
[role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ del {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
:where(audio, canvas, iframe, img, svg, video) {
|
:where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
[role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):focus-visible,
|
||||||
|
[role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
audio,
|
a[role=button] {
|
||||||
video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
:where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio,
|
||||||
|
video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.jade.min.css
vendored
2
css/pico.classless.jade.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ section {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
:where(a:not([role=button])),
|
|
||||||
[role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):focus-visible,
|
|
||||||
[role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ del {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
:where(audio, canvas, iframe, img, svg, video) {
|
:where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
[role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):focus-visible,
|
||||||
|
[role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
audio,
|
a[role=button] {
|
||||||
video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
:where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio,
|
||||||
|
video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.lime.min.css
vendored
2
css/pico.classless.lime.min.css
vendored
File diff suppressed because one or more lines are too long
2
css/pico.classless.min.css
vendored
2
css/pico.classless.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ section {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
:where(a:not([role=button])),
|
|
||||||
[role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):focus-visible,
|
|
||||||
[role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ del {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
:where(audio, canvas, iframe, img, svg, video) {
|
:where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
[role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):focus-visible,
|
||||||
|
[role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
audio,
|
a[role=button] {
|
||||||
video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
:where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio,
|
||||||
|
video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.orange.min.css
vendored
2
css/pico.classless.orange.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ section {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
:where(a:not([role=button])),
|
|
||||||
[role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):focus-visible,
|
|
||||||
[role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ del {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
:where(audio, canvas, iframe, img, svg, video) {
|
:where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
[role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):focus-visible,
|
||||||
|
[role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
audio,
|
a[role=button] {
|
||||||
video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
:where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio,
|
||||||
|
video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.pink.min.css
vendored
2
css/pico.classless.pink.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ section {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
:where(a:not([role=button])),
|
|
||||||
[role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):focus-visible,
|
|
||||||
[role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ del {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
:where(audio, canvas, iframe, img, svg, video) {
|
:where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
[role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):focus-visible,
|
||||||
|
[role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
audio,
|
a[role=button] {
|
||||||
video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
:where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio,
|
||||||
|
video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.pumpkin.min.css
vendored
2
css/pico.classless.pumpkin.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ section {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
:where(a:not([role=button])),
|
|
||||||
[role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):focus-visible,
|
|
||||||
[role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ del {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
:where(audio, canvas, iframe, img, svg, video) {
|
:where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
[role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):focus-visible,
|
||||||
|
[role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
audio,
|
a[role=button] {
|
||||||
video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
:where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio,
|
||||||
|
video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.purple.min.css
vendored
2
css/pico.classless.purple.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ section {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
:where(a:not([role=button])),
|
|
||||||
[role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):focus-visible,
|
|
||||||
[role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ del {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
:where(audio, canvas, iframe, img, svg, video) {
|
:where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
[role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):focus-visible,
|
||||||
|
[role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
audio,
|
a[role=button] {
|
||||||
video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
:where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio,
|
||||||
|
video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.red.min.css
vendored
2
css/pico.classless.red.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ section {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
:where(a:not([role=button])),
|
|
||||||
[role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):focus-visible,
|
|
||||||
[role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ del {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
:where(audio, canvas, iframe, img, svg, video) {
|
:where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
[role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):focus-visible,
|
||||||
|
[role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
audio,
|
a[role=button] {
|
||||||
video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
:where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio,
|
||||||
|
video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.sand.min.css
vendored
2
css/pico.classless.sand.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ section {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
:where(a:not([role=button])),
|
|
||||||
[role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):focus-visible,
|
|
||||||
[role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ del {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
:where(audio, canvas, iframe, img, svg, video) {
|
:where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
[role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):focus-visible,
|
||||||
|
[role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
audio,
|
a[role=button] {
|
||||||
video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
:where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio,
|
||||||
|
video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.slate.min.css
vendored
2
css/pico.classless.slate.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ section {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
:where(a:not([role=button])),
|
|
||||||
[role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):focus-visible,
|
|
||||||
[role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ del {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
:where(audio, canvas, iframe, img, svg, video) {
|
:where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
[role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):focus-visible,
|
||||||
|
[role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
audio,
|
a[role=button] {
|
||||||
video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
:where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio,
|
||||||
|
video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.violet.min.css
vendored
2
css/pico.classless.violet.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ section {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
:where(a:not([role=button])),
|
|
||||||
[role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):focus-visible,
|
|
||||||
[role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ del {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
:where(audio, canvas, iframe, img, svg, video) {
|
:where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
[role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):focus-visible,
|
||||||
|
[role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
audio,
|
a[role=button] {
|
||||||
video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
:where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio,
|
||||||
|
video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.yellow.min.css
vendored
2
css/pico.classless.yellow.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -631,40 +631,6 @@ section {
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
:where(a:not([role=button])),
|
|
||||||
[role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
:where(a:not([role=button])):focus-visible,
|
|
||||||
[role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -822,40 +788,39 @@ del {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
:where(audio, canvas, iframe, img, svg, video) {
|
:where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
[role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
:where(a:not([role=button])):focus-visible,
|
||||||
|
[role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
audio,
|
a[role=button] {
|
||||||
video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
:where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
:where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio,
|
||||||
|
video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.classless.zinc.min.css
vendored
2
css/pico.classless.zinc.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -652,6 +652,13 @@ main {
|
||||||
padding-block: var(--pico-block-spacing-vertical);
|
padding-block: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Section
|
||||||
|
*/
|
||||||
|
.pico section {
|
||||||
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Container
|
* Container
|
||||||
*/
|
*/
|
||||||
|
|
@ -692,13 +699,6 @@ main {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Section
|
|
||||||
*/
|
|
||||||
.pico section {
|
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Grid
|
* Grid
|
||||||
* Minimal grid system with auto-layout columns
|
* Minimal grid system with auto-layout columns
|
||||||
|
|
@ -725,60 +725,6 @@ main {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).secondary,
|
|
||||||
.pico [role=link].secondary {
|
|
||||||
--pico-color: var(--pico-secondary);
|
|
||||||
--pico-underline: var(--pico-secondary-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-secondary-hover);
|
|
||||||
--pico-underline: var(--pico-secondary-hover-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).contrast,
|
|
||||||
.pico [role=link].contrast {
|
|
||||||
--pico-color: var(--pico-contrast);
|
|
||||||
--pico-underline: var(--pico-contrast-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-contrast-hover);
|
|
||||||
--pico-underline: var(--pico-contrast-hover-underline);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -936,40 +882,59 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).secondary,
|
||||||
|
.pico [role=link].secondary {
|
||||||
|
--pico-color: var(--pico-secondary);
|
||||||
|
--pico-underline: var(--pico-secondary-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-secondary-hover);
|
||||||
|
--pico-underline: var(--pico-secondary-hover-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).contrast,
|
||||||
|
.pico [role=link].contrast {
|
||||||
|
--pico-color: var(--pico-contrast);
|
||||||
|
--pico-underline: var(--pico-contrast-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-contrast-hover);
|
||||||
|
--pico-underline: var(--pico-contrast-hover-underline);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -1159,6 +1124,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.conditional.amber.min.css
vendored
2
css/pico.conditional.amber.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -652,6 +652,13 @@ main {
|
||||||
padding-block: var(--pico-block-spacing-vertical);
|
padding-block: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Section
|
||||||
|
*/
|
||||||
|
.pico section {
|
||||||
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Container
|
* Container
|
||||||
*/
|
*/
|
||||||
|
|
@ -692,13 +699,6 @@ main {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Section
|
|
||||||
*/
|
|
||||||
.pico section {
|
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Grid
|
* Grid
|
||||||
* Minimal grid system with auto-layout columns
|
* Minimal grid system with auto-layout columns
|
||||||
|
|
@ -725,60 +725,6 @@ main {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).secondary,
|
|
||||||
.pico [role=link].secondary {
|
|
||||||
--pico-color: var(--pico-secondary);
|
|
||||||
--pico-underline: var(--pico-secondary-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-secondary-hover);
|
|
||||||
--pico-underline: var(--pico-secondary-hover-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).contrast,
|
|
||||||
.pico [role=link].contrast {
|
|
||||||
--pico-color: var(--pico-contrast);
|
|
||||||
--pico-underline: var(--pico-contrast-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-contrast-hover);
|
|
||||||
--pico-underline: var(--pico-contrast-hover-underline);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -936,40 +882,59 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).secondary,
|
||||||
|
.pico [role=link].secondary {
|
||||||
|
--pico-color: var(--pico-secondary);
|
||||||
|
--pico-underline: var(--pico-secondary-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-secondary-hover);
|
||||||
|
--pico-underline: var(--pico-secondary-hover-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).contrast,
|
||||||
|
.pico [role=link].contrast {
|
||||||
|
--pico-color: var(--pico-contrast);
|
||||||
|
--pico-underline: var(--pico-contrast-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-contrast-hover);
|
||||||
|
--pico-underline: var(--pico-contrast-hover-underline);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -1159,6 +1124,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.conditional.blue.min.css
vendored
2
css/pico.conditional.blue.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -652,6 +652,13 @@ main {
|
||||||
padding-block: var(--pico-block-spacing-vertical);
|
padding-block: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Section
|
||||||
|
*/
|
||||||
|
.pico section {
|
||||||
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Container
|
* Container
|
||||||
*/
|
*/
|
||||||
|
|
@ -692,13 +699,6 @@ main {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Section
|
|
||||||
*/
|
|
||||||
.pico section {
|
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Grid
|
* Grid
|
||||||
* Minimal grid system with auto-layout columns
|
* Minimal grid system with auto-layout columns
|
||||||
|
|
@ -725,60 +725,6 @@ main {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).secondary,
|
|
||||||
.pico [role=link].secondary {
|
|
||||||
--pico-color: var(--pico-secondary);
|
|
||||||
--pico-underline: var(--pico-secondary-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-secondary-hover);
|
|
||||||
--pico-underline: var(--pico-secondary-hover-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).contrast,
|
|
||||||
.pico [role=link].contrast {
|
|
||||||
--pico-color: var(--pico-contrast);
|
|
||||||
--pico-underline: var(--pico-contrast-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-contrast-hover);
|
|
||||||
--pico-underline: var(--pico-contrast-hover-underline);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -936,40 +882,59 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).secondary,
|
||||||
|
.pico [role=link].secondary {
|
||||||
|
--pico-color: var(--pico-secondary);
|
||||||
|
--pico-underline: var(--pico-secondary-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-secondary-hover);
|
||||||
|
--pico-underline: var(--pico-secondary-hover-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).contrast,
|
||||||
|
.pico [role=link].contrast {
|
||||||
|
--pico-color: var(--pico-contrast);
|
||||||
|
--pico-underline: var(--pico-contrast-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-contrast-hover);
|
||||||
|
--pico-underline: var(--pico-contrast-hover-underline);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -1159,6 +1124,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
|
|
@ -652,6 +652,13 @@ main {
|
||||||
padding-block: var(--pico-block-spacing-vertical);
|
padding-block: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Section
|
||||||
|
*/
|
||||||
|
.pico section {
|
||||||
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Container
|
* Container
|
||||||
*/
|
*/
|
||||||
|
|
@ -692,13 +699,6 @@ main {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Section
|
|
||||||
*/
|
|
||||||
.pico section {
|
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Grid
|
* Grid
|
||||||
* Minimal grid system with auto-layout columns
|
* Minimal grid system with auto-layout columns
|
||||||
|
|
@ -725,60 +725,6 @@ main {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).secondary,
|
|
||||||
.pico [role=link].secondary {
|
|
||||||
--pico-color: var(--pico-secondary);
|
|
||||||
--pico-underline: var(--pico-secondary-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-secondary-hover);
|
|
||||||
--pico-underline: var(--pico-secondary-hover-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).contrast,
|
|
||||||
.pico [role=link].contrast {
|
|
||||||
--pico-color: var(--pico-contrast);
|
|
||||||
--pico-underline: var(--pico-contrast-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-contrast-hover);
|
|
||||||
--pico-underline: var(--pico-contrast-hover-underline);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -936,40 +882,59 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).secondary,
|
||||||
|
.pico [role=link].secondary {
|
||||||
|
--pico-color: var(--pico-secondary);
|
||||||
|
--pico-underline: var(--pico-secondary-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-secondary-hover);
|
||||||
|
--pico-underline: var(--pico-secondary-hover-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).contrast,
|
||||||
|
.pico [role=link].contrast {
|
||||||
|
--pico-color: var(--pico-contrast);
|
||||||
|
--pico-underline: var(--pico-contrast-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-contrast-hover);
|
||||||
|
--pico-underline: var(--pico-contrast-hover-underline);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -1159,6 +1124,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.conditional.cyan.min.css
vendored
2
css/pico.conditional.cyan.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -652,6 +652,13 @@ main {
|
||||||
padding-block: var(--pico-block-spacing-vertical);
|
padding-block: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Section
|
||||||
|
*/
|
||||||
|
.pico section {
|
||||||
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Container
|
* Container
|
||||||
*/
|
*/
|
||||||
|
|
@ -692,13 +699,6 @@ main {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Section
|
|
||||||
*/
|
|
||||||
.pico section {
|
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Grid
|
* Grid
|
||||||
* Minimal grid system with auto-layout columns
|
* Minimal grid system with auto-layout columns
|
||||||
|
|
@ -725,60 +725,6 @@ main {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).secondary,
|
|
||||||
.pico [role=link].secondary {
|
|
||||||
--pico-color: var(--pico-secondary);
|
|
||||||
--pico-underline: var(--pico-secondary-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-secondary-hover);
|
|
||||||
--pico-underline: var(--pico-secondary-hover-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).contrast,
|
|
||||||
.pico [role=link].contrast {
|
|
||||||
--pico-color: var(--pico-contrast);
|
|
||||||
--pico-underline: var(--pico-contrast-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-contrast-hover);
|
|
||||||
--pico-underline: var(--pico-contrast-hover-underline);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -936,40 +882,59 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).secondary,
|
||||||
|
.pico [role=link].secondary {
|
||||||
|
--pico-color: var(--pico-secondary);
|
||||||
|
--pico-underline: var(--pico-secondary-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-secondary-hover);
|
||||||
|
--pico-underline: var(--pico-secondary-hover-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).contrast,
|
||||||
|
.pico [role=link].contrast {
|
||||||
|
--pico-color: var(--pico-contrast);
|
||||||
|
--pico-underline: var(--pico-contrast-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-contrast-hover);
|
||||||
|
--pico-underline: var(--pico-contrast-hover-underline);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -1159,6 +1124,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.conditional.fuchsia.min.css
vendored
2
css/pico.conditional.fuchsia.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -652,6 +652,13 @@ main {
|
||||||
padding-block: var(--pico-block-spacing-vertical);
|
padding-block: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Section
|
||||||
|
*/
|
||||||
|
.pico section {
|
||||||
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Container
|
* Container
|
||||||
*/
|
*/
|
||||||
|
|
@ -692,13 +699,6 @@ main {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Section
|
|
||||||
*/
|
|
||||||
.pico section {
|
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Grid
|
* Grid
|
||||||
* Minimal grid system with auto-layout columns
|
* Minimal grid system with auto-layout columns
|
||||||
|
|
@ -725,60 +725,6 @@ main {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).secondary,
|
|
||||||
.pico [role=link].secondary {
|
|
||||||
--pico-color: var(--pico-secondary);
|
|
||||||
--pico-underline: var(--pico-secondary-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-secondary-hover);
|
|
||||||
--pico-underline: var(--pico-secondary-hover-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).contrast,
|
|
||||||
.pico [role=link].contrast {
|
|
||||||
--pico-color: var(--pico-contrast);
|
|
||||||
--pico-underline: var(--pico-contrast-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-contrast-hover);
|
|
||||||
--pico-underline: var(--pico-contrast-hover-underline);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -936,40 +882,59 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).secondary,
|
||||||
|
.pico [role=link].secondary {
|
||||||
|
--pico-color: var(--pico-secondary);
|
||||||
|
--pico-underline: var(--pico-secondary-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-secondary-hover);
|
||||||
|
--pico-underline: var(--pico-secondary-hover-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).contrast,
|
||||||
|
.pico [role=link].contrast {
|
||||||
|
--pico-color: var(--pico-contrast);
|
||||||
|
--pico-underline: var(--pico-contrast-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-contrast-hover);
|
||||||
|
--pico-underline: var(--pico-contrast-hover-underline);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -1159,6 +1124,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.conditional.green.min.css
vendored
2
css/pico.conditional.green.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -652,6 +652,13 @@ main {
|
||||||
padding-block: var(--pico-block-spacing-vertical);
|
padding-block: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Section
|
||||||
|
*/
|
||||||
|
.pico section {
|
||||||
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Container
|
* Container
|
||||||
*/
|
*/
|
||||||
|
|
@ -692,13 +699,6 @@ main {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Section
|
|
||||||
*/
|
|
||||||
.pico section {
|
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Grid
|
* Grid
|
||||||
* Minimal grid system with auto-layout columns
|
* Minimal grid system with auto-layout columns
|
||||||
|
|
@ -725,60 +725,6 @@ main {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).secondary,
|
|
||||||
.pico [role=link].secondary {
|
|
||||||
--pico-color: var(--pico-secondary);
|
|
||||||
--pico-underline: var(--pico-secondary-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-secondary-hover);
|
|
||||||
--pico-underline: var(--pico-secondary-hover-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).contrast,
|
|
||||||
.pico [role=link].contrast {
|
|
||||||
--pico-color: var(--pico-contrast);
|
|
||||||
--pico-underline: var(--pico-contrast-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-contrast-hover);
|
|
||||||
--pico-underline: var(--pico-contrast-hover-underline);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -936,40 +882,59 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).secondary,
|
||||||
|
.pico [role=link].secondary {
|
||||||
|
--pico-color: var(--pico-secondary);
|
||||||
|
--pico-underline: var(--pico-secondary-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-secondary-hover);
|
||||||
|
--pico-underline: var(--pico-secondary-hover-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).contrast,
|
||||||
|
.pico [role=link].contrast {
|
||||||
|
--pico-color: var(--pico-contrast);
|
||||||
|
--pico-underline: var(--pico-contrast-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-contrast-hover);
|
||||||
|
--pico-underline: var(--pico-contrast-hover-underline);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -1159,6 +1124,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.conditional.grey.min.css
vendored
2
css/pico.conditional.grey.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -652,6 +652,13 @@ main {
|
||||||
padding-block: var(--pico-block-spacing-vertical);
|
padding-block: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Section
|
||||||
|
*/
|
||||||
|
.pico section {
|
||||||
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Container
|
* Container
|
||||||
*/
|
*/
|
||||||
|
|
@ -692,13 +699,6 @@ main {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Section
|
|
||||||
*/
|
|
||||||
.pico section {
|
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Grid
|
* Grid
|
||||||
* Minimal grid system with auto-layout columns
|
* Minimal grid system with auto-layout columns
|
||||||
|
|
@ -725,60 +725,6 @@ main {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).secondary,
|
|
||||||
.pico [role=link].secondary {
|
|
||||||
--pico-color: var(--pico-secondary);
|
|
||||||
--pico-underline: var(--pico-secondary-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-secondary-hover);
|
|
||||||
--pico-underline: var(--pico-secondary-hover-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).contrast,
|
|
||||||
.pico [role=link].contrast {
|
|
||||||
--pico-color: var(--pico-contrast);
|
|
||||||
--pico-underline: var(--pico-contrast-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-contrast-hover);
|
|
||||||
--pico-underline: var(--pico-contrast-hover-underline);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -936,40 +882,59 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).secondary,
|
||||||
|
.pico [role=link].secondary {
|
||||||
|
--pico-color: var(--pico-secondary);
|
||||||
|
--pico-underline: var(--pico-secondary-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-secondary-hover);
|
||||||
|
--pico-underline: var(--pico-secondary-hover-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).contrast,
|
||||||
|
.pico [role=link].contrast {
|
||||||
|
--pico-color: var(--pico-contrast);
|
||||||
|
--pico-underline: var(--pico-contrast-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-contrast-hover);
|
||||||
|
--pico-underline: var(--pico-contrast-hover-underline);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -1159,6 +1124,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.conditional.indigo.min.css
vendored
2
css/pico.conditional.indigo.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -652,6 +652,13 @@ main {
|
||||||
padding-block: var(--pico-block-spacing-vertical);
|
padding-block: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Section
|
||||||
|
*/
|
||||||
|
.pico section {
|
||||||
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Container
|
* Container
|
||||||
*/
|
*/
|
||||||
|
|
@ -692,13 +699,6 @@ main {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Section
|
|
||||||
*/
|
|
||||||
.pico section {
|
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Grid
|
* Grid
|
||||||
* Minimal grid system with auto-layout columns
|
* Minimal grid system with auto-layout columns
|
||||||
|
|
@ -725,60 +725,6 @@ main {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).secondary,
|
|
||||||
.pico [role=link].secondary {
|
|
||||||
--pico-color: var(--pico-secondary);
|
|
||||||
--pico-underline: var(--pico-secondary-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-secondary-hover);
|
|
||||||
--pico-underline: var(--pico-secondary-hover-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).contrast,
|
|
||||||
.pico [role=link].contrast {
|
|
||||||
--pico-color: var(--pico-contrast);
|
|
||||||
--pico-underline: var(--pico-contrast-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-contrast-hover);
|
|
||||||
--pico-underline: var(--pico-contrast-hover-underline);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -936,40 +882,59 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).secondary,
|
||||||
|
.pico [role=link].secondary {
|
||||||
|
--pico-color: var(--pico-secondary);
|
||||||
|
--pico-underline: var(--pico-secondary-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-secondary-hover);
|
||||||
|
--pico-underline: var(--pico-secondary-hover-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).contrast,
|
||||||
|
.pico [role=link].contrast {
|
||||||
|
--pico-color: var(--pico-contrast);
|
||||||
|
--pico-underline: var(--pico-contrast-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-contrast-hover);
|
||||||
|
--pico-underline: var(--pico-contrast-hover-underline);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -1159,6 +1124,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
2
css/pico.conditional.jade.min.css
vendored
2
css/pico.conditional.jade.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -652,6 +652,13 @@ main {
|
||||||
padding-block: var(--pico-block-spacing-vertical);
|
padding-block: var(--pico-block-spacing-vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Section
|
||||||
|
*/
|
||||||
|
.pico section {
|
||||||
|
margin-bottom: var(--pico-block-spacing-vertical);
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Container
|
* Container
|
||||||
*/
|
*/
|
||||||
|
|
@ -692,13 +699,6 @@ main {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Section
|
|
||||||
*/
|
|
||||||
.pico section {
|
|
||||||
margin-bottom: var(--pico-block-spacing-vertical);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Grid
|
* Grid
|
||||||
* Minimal grid system with auto-layout columns
|
* Minimal grid system with auto-layout columns
|
||||||
|
|
@ -725,60 +725,6 @@ main {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Link
|
|
||||||
*/
|
|
||||||
.pico :where(a:not([role=button])),
|
|
||||||
.pico [role=link] {
|
|
||||||
--pico-color: var(--pico-primary);
|
|
||||||
--pico-background-color: transparent;
|
|
||||||
--pico-underline: var(--pico-primary-underline);
|
|
||||||
outline: none;
|
|
||||||
background-color: var(--pico-background-color);
|
|
||||||
color: var(--pico-color);
|
|
||||||
-webkit-text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration: var(--pico-text-decoration);
|
|
||||||
text-decoration-color: var(--pico-underline);
|
|
||||||
text-underline-offset: 0.125em;
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
|
||||||
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-primary-hover);
|
|
||||||
--pico-underline: var(--pico-primary-hover-underline);
|
|
||||||
--pico-text-decoration: underline;
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])):focus-visible,
|
|
||||||
.pico [role=link]:focus-visible {
|
|
||||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).secondary,
|
|
||||||
.pico [role=link].secondary {
|
|
||||||
--pico-color: var(--pico-secondary);
|
|
||||||
--pico-underline: var(--pico-secondary-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-secondary-hover);
|
|
||||||
--pico-underline: var(--pico-secondary-hover-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).contrast,
|
|
||||||
.pico [role=link].contrast {
|
|
||||||
--pico-color: var(--pico-contrast);
|
|
||||||
--pico-underline: var(--pico-contrast-underline);
|
|
||||||
}
|
|
||||||
.pico :where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
|
||||||
.pico [role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
|
||||||
--pico-color: var(--pico-contrast-hover);
|
|
||||||
--pico-underline: var(--pico-contrast-hover-underline);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico a[role=button] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -936,40 +882,59 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Embedded content
|
* Link
|
||||||
*/
|
*/
|
||||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
.pico :where(a:not([role=button])),
|
||||||
vertical-align: middle;
|
.pico [role=link] {
|
||||||
|
--pico-color: var(--pico-primary);
|
||||||
|
--pico-background-color: transparent;
|
||||||
|
--pico-underline: var(--pico-primary-underline);
|
||||||
|
outline: none;
|
||||||
|
background-color: var(--pico-background-color);
|
||||||
|
color: var(--pico-color);
|
||||||
|
-webkit-text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration: var(--pico-text-decoration);
|
||||||
|
text-decoration-color: var(--pico-underline);
|
||||||
|
text-underline-offset: 0.125em;
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
|
||||||
|
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-primary-hover);
|
||||||
|
--pico-underline: var(--pico-primary-hover-underline);
|
||||||
|
--pico-text-decoration: underline;
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])):focus-visible,
|
||||||
|
.pico [role=link]:focus-visible {
|
||||||
|
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).secondary,
|
||||||
|
.pico [role=link].secondary {
|
||||||
|
--pico-color: var(--pico-secondary);
|
||||||
|
--pico-underline: var(--pico-secondary-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-secondary-hover);
|
||||||
|
--pico-underline: var(--pico-secondary-hover-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).contrast,
|
||||||
|
.pico [role=link].contrast {
|
||||||
|
--pico-color: var(--pico-contrast);
|
||||||
|
--pico-underline: var(--pico-contrast-underline);
|
||||||
|
}
|
||||||
|
.pico :where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
|
||||||
|
.pico [role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
|
--pico-color: var(--pico-contrast-hover);
|
||||||
|
--pico-underline: var(--pico-contrast-hover-underline);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio,
|
.pico a[role=button] {
|
||||||
.pico video {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(iframe) {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico :where(svg:not([fill])) {
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button
|
* Button
|
||||||
*/
|
*/
|
||||||
|
|
@ -1159,6 +1124,41 @@ main {
|
||||||
background-color: var(--pico-table-row-stripped-background-color);
|
background-color: var(--pico-table-row-stripped-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Embedded content
|
||||||
|
*/
|
||||||
|
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio,
|
||||||
|
.pico video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(iframe) {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico :where(svg:not([fill])) {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pico svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Code
|
* Code
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue