mirror of
https://github.com/picocss/pico.git
synced 2025-02-22 00:04:36 -05:00
refactor: files structure
This commit is contained in:
Lucas Larroche
parent
bcac2dca3f
commit
9fa6aa5fab
@ -652,6 +652,13 @@ body > footer {
|
||||
padding-block: var(--pico-block-spacing-vertical);
|
||||
}
|
||||
|
||||
/**
|
||||
* Section
|
||||
*/
|
||||
section {
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
}
|
||||
|
||||
/**
|
||||
* Container
|
||||
*/
|
||||
@ -692,13 +699,6 @@ body > footer {
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Section
|
||||
*/
|
||||
section {
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
}
|
||||
|
||||
/**
|
||||
* Grid
|
||||
* Minimal grid system with auto-layout columns
|
||||
@ -725,60 +725,6 @@ section {
|
||||
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
|
||||
*/
|
||||
@ -936,40 +882,59 @@ del {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
:where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
: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);
|
||||
}
|
||||
|
||||
audio,
|
||||
video {
|
||||
a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -1159,6 +1124,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* Section
|
||||
*/
|
||||
section {
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
}
|
||||
|
||||
/**
|
||||
* Container
|
||||
*/
|
||||
@ -692,13 +699,6 @@ body > footer {
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Section
|
||||
*/
|
||||
section {
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
}
|
||||
|
||||
/**
|
||||
* Grid
|
||||
* Minimal grid system with auto-layout columns
|
||||
@ -725,60 +725,6 @@ section {
|
||||
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
|
||||
*/
|
||||
@ -936,40 +882,59 @@ del {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
:where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
: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);
|
||||
}
|
||||
|
||||
audio,
|
||||
video {
|
||||
a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -1159,6 +1124,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ del {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
:where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
: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);
|
||||
}
|
||||
|
||||
audio,
|
||||
video {
|
||||
a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ del {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
:where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
: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);
|
||||
}
|
||||
|
||||
audio,
|
||||
video {
|
||||
a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -631,40 +631,6 @@ main {
|
||||
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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -631,40 +631,6 @@ main {
|
||||
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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -631,40 +631,6 @@ main {
|
||||
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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -631,40 +631,6 @@ main {
|
||||
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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -631,40 +631,6 @@ main {
|
||||
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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -631,40 +631,6 @@ main {
|
||||
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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -631,40 +631,6 @@ main {
|
||||
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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ del {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
:where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
: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);
|
||||
}
|
||||
|
||||
audio,
|
||||
video {
|
||||
a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||
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
|
||||
*/
|
||||
|
||||
@ -631,40 +631,6 @@ section {
|
||||
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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ del {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
:where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
: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);
|
||||
}
|
||||
|
||||
audio,
|
||||
video {
|
||||
a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ del {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
:where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
: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);
|
||||
}
|
||||
|
||||
audio,
|
||||
video {
|
||||
a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ del {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
:where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
: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);
|
||||
}
|
||||
|
||||
audio,
|
||||
video {
|
||||
a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ del {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
:where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
: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);
|
||||
}
|
||||
|
||||
audio,
|
||||
video {
|
||||
a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ del {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
:where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
: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);
|
||||
}
|
||||
|
||||
audio,
|
||||
video {
|
||||
a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ del {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
:where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
: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);
|
||||
}
|
||||
|
||||
audio,
|
||||
video {
|
||||
a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ del {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
:where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
: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);
|
||||
}
|
||||
|
||||
audio,
|
||||
video {
|
||||
a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ del {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
:where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
: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);
|
||||
}
|
||||
|
||||
audio,
|
||||
video {
|
||||
a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ del {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
:where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
: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);
|
||||
}
|
||||
|
||||
audio,
|
||||
video {
|
||||
a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ del {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
:where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
: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);
|
||||
}
|
||||
|
||||
audio,
|
||||
video {
|
||||
a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ del {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
:where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
: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);
|
||||
}
|
||||
|
||||
audio,
|
||||
video {
|
||||
a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ del {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
:where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
: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);
|
||||
}
|
||||
|
||||
audio,
|
||||
video {
|
||||
a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ del {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
:where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
: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);
|
||||
}
|
||||
|
||||
audio,
|
||||
video {
|
||||
a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ del {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
:where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
: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);
|
||||
}
|
||||
|
||||
audio,
|
||||
video {
|
||||
a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ del {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
:where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
: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);
|
||||
}
|
||||
|
||||
audio,
|
||||
video {
|
||||
a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ del {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
:where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
: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);
|
||||
}
|
||||
|
||||
audio,
|
||||
video {
|
||||
a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -822,40 +788,39 @@ del {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
:where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
: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);
|
||||
}
|
||||
|
||||
audio,
|
||||
video {
|
||||
a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -993,6 +958,41 @@ table.striped tbody tr:nth-child(odd) td {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* Section
|
||||
*/
|
||||
.pico section {
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
}
|
||||
|
||||
/**
|
||||
* Container
|
||||
*/
|
||||
@ -692,13 +699,6 @@ main {
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Section
|
||||
*/
|
||||
.pico section {
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
}
|
||||
|
||||
/**
|
||||
* Grid
|
||||
* Minimal grid system with auto-layout columns
|
||||
@ -725,60 +725,6 @@ main {
|
||||
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
|
||||
*/
|
||||
@ -936,40 +882,59 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -1159,6 +1124,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* Section
|
||||
*/
|
||||
.pico section {
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
}
|
||||
|
||||
/**
|
||||
* Container
|
||||
*/
|
||||
@ -692,13 +699,6 @@ main {
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Section
|
||||
*/
|
||||
.pico section {
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
}
|
||||
|
||||
/**
|
||||
* Grid
|
||||
* Minimal grid system with auto-layout columns
|
||||
@ -725,60 +725,6 @@ main {
|
||||
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
|
||||
*/
|
||||
@ -936,40 +882,59 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -1159,6 +1124,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* Section
|
||||
*/
|
||||
.pico section {
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
}
|
||||
|
||||
/**
|
||||
* Container
|
||||
*/
|
||||
@ -692,13 +699,6 @@ main {
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Section
|
||||
*/
|
||||
.pico section {
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
}
|
||||
|
||||
/**
|
||||
* Grid
|
||||
* Minimal grid system with auto-layout columns
|
||||
@ -725,60 +725,6 @@ main {
|
||||
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
|
||||
*/
|
||||
@ -936,40 +882,59 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -1159,6 +1124,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
@ -652,6 +652,13 @@ main {
|
||||
padding-block: var(--pico-block-spacing-vertical);
|
||||
}
|
||||
|
||||
/**
|
||||
* Section
|
||||
*/
|
||||
.pico section {
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
}
|
||||
|
||||
/**
|
||||
* Container
|
||||
*/
|
||||
@ -692,13 +699,6 @@ main {
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Section
|
||||
*/
|
||||
.pico section {
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
}
|
||||
|
||||
/**
|
||||
* Grid
|
||||
* Minimal grid system with auto-layout columns
|
||||
@ -725,60 +725,6 @@ main {
|
||||
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
|
||||
*/
|
||||
@ -936,40 +882,59 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -1159,6 +1124,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* Section
|
||||
*/
|
||||
.pico section {
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
}
|
||||
|
||||
/**
|
||||
* Container
|
||||
*/
|
||||
@ -692,13 +699,6 @@ main {
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Section
|
||||
*/
|
||||
.pico section {
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
}
|
||||
|
||||
/**
|
||||
* Grid
|
||||
* Minimal grid system with auto-layout columns
|
||||
@ -725,60 +725,6 @@ main {
|
||||
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
|
||||
*/
|
||||
@ -936,40 +882,59 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -1159,6 +1124,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* Section
|
||||
*/
|
||||
.pico section {
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
}
|
||||
|
||||
/**
|
||||
* Container
|
||||
*/
|
||||
@ -692,13 +699,6 @@ main {
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Section
|
||||
*/
|
||||
.pico section {
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
}
|
||||
|
||||
/**
|
||||
* Grid
|
||||
* Minimal grid system with auto-layout columns
|
||||
@ -725,60 +725,6 @@ main {
|
||||
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
|
||||
*/
|
||||
@ -936,40 +882,59 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -1159,6 +1124,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* Section
|
||||
*/
|
||||
.pico section {
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
}
|
||||
|
||||
/**
|
||||
* Container
|
||||
*/
|
||||
@ -692,13 +699,6 @@ main {
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Section
|
||||
*/
|
||||
.pico section {
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
}
|
||||
|
||||
/**
|
||||
* Grid
|
||||
* Minimal grid system with auto-layout columns
|
||||
@ -725,60 +725,6 @@ main {
|
||||
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
|
||||
*/
|
||||
@ -936,40 +882,59 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -1159,6 +1124,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* Section
|
||||
*/
|
||||
.pico section {
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
}
|
||||
|
||||
/**
|
||||
* Container
|
||||
*/
|
||||
@ -692,13 +699,6 @@ main {
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Section
|
||||
*/
|
||||
.pico section {
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
}
|
||||
|
||||
/**
|
||||
* Grid
|
||||
* Minimal grid system with auto-layout columns
|
||||
@ -725,60 +725,6 @@ main {
|
||||
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
|
||||
*/
|
||||
@ -936,40 +882,59 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -1159,6 +1124,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* Section
|
||||
*/
|
||||
.pico section {
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
}
|
||||
|
||||
/**
|
||||
* Container
|
||||
*/
|
||||
@ -692,13 +699,6 @@ main {
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Section
|
||||
*/
|
||||
.pico section {
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
}
|
||||
|
||||
/**
|
||||
* Grid
|
||||
* Minimal grid system with auto-layout columns
|
||||
@ -725,60 +725,6 @@ main {
|
||||
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
|
||||
*/
|
||||
@ -936,40 +882,59 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -1159,6 +1124,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* Section
|
||||
*/
|
||||
.pico section {
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
}
|
||||
|
||||
/**
|
||||
* Container
|
||||
*/
|
||||
@ -692,13 +699,6 @@ main {
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Section
|
||||
*/
|
||||
.pico section {
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
}
|
||||
|
||||
/**
|
||||
* Grid
|
||||
* Minimal grid system with auto-layout columns
|
||||
@ -725,60 +725,6 @@ main {
|
||||
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
|
||||
*/
|
||||
@ -936,40 +882,59 @@ main {
|
||||
}
|
||||
|
||||
/**
|
||||
* Embedded content
|
||||
* Link
|
||||
*/
|
||||
.pico :where(audio, canvas, iframe, img, svg, video) {
|
||||
vertical-align: middle;
|
||||
.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 audio,
|
||||
.pico video {
|
||||
.pico a[role=button] {
|
||||
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
|
||||
*/
|
||||
@ -1159,6 +1124,41 @@ main {
|
||||
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
|
||||
*/
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user