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

Merge branch 'dev' into feat-modal

Browse source
This commit is contained in:
Lucas Larroche 2021-10-31 08:50:55 +07:00
commit 41ef519d32
35 changed files with 2121 additions and 2262 deletions
Download patch file Download diff file Expand all files Collapse all files

112
css/pico.classless.css
View file

@ -1,5 +1,5 @@
/*!
* Pico.css v1.4.0 (https://picocss.com)
* Pico.css v1.4.1 (https://picocss.com)
* Copyright 2019-2021 - Licensed under MIT
*/
/**
@ -495,8 +495,8 @@ html {
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-ms-text-size-adjust: 100%;
background-color: var(--background-color);
color: var(--color);
@ -645,7 +645,7 @@ a {
background-color: var(--background-color);
color: var(--color);
-webkit-text-decoration: var(--text-decoration);
text-decoration: var(--text-decoration);
text-decoration: var(--text-decoration);
transition: background-color var(--transition), color var(--transition), box-shadow var(--transition), -webkit-text-decoration var(--transition);
transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);
transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition), -webkit-text-decoration var(--transition);
@ -780,9 +780,9 @@ ol {
padding-right: 0;
padding-left: var(--spacing);
-webkit-padding-end: 0;
padding-inline-end: 0;
padding-inline-end: 0;
-webkit-padding-start: var(--spacing);
padding-inline-start: var(--spacing);
padding-inline-start: var(--spacing);
}
ul li,
ol li {
@ -807,9 +807,9 @@ blockquote {
border-right: none;
border-left: 0.25rem solid var(--blockquote-border-color);
-webkit-border-end: none;
border-inline-end: none;
border-inline-end: none;
-webkit-border-start: 0.25rem solid var(--blockquote-border-color);
border-inline-start: 0.25rem solid var(--blockquote-border-color);
border-inline-start: 0.25rem solid var(--blockquote-border-color);
}
blockquote footer {
margin-top: calc(var(--typography-spacing-vertical) * 0.5);
@ -1069,7 +1069,7 @@ textarea {
}
input:not([type=checkbox]):not([type=radio]):not([type=range]) {
height: calc( (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) + (var(--border-width) * 2) );
height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);
}
fieldset {
@ -1095,8 +1095,8 @@ input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-moz-appearance: none;
appearance: none;
padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);
vertical-align: middle;
}
@ -1148,24 +1148,33 @@ textarea[disabled] {
opacity: var(--form-element-disabled-opacity);
}
input[aria-invalid],
select[aria-invalid],
textarea[aria-invalid] {
padding-right: calc( var(--form-element-spacing-horizontal) + 1.5rem ) !important;
input:not([type=checkbox]):not([type=radio])[aria-invalid],
select:not([type=checkbox]):not([type=radio])[aria-invalid],
textarea:not([type=checkbox]):not([type=radio])[aria-invalid] {
padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;
padding-left: var(--form-element-spacing-horizontal);
-webkit-padding-end: calc( var(--form-element-spacing-horizontal) + 1.5rem ) !important;
padding-inline-end: calc( var(--form-element-spacing-horizontal) + 1.5rem ) !important;
-webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;
padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;
-webkit-padding-start: var(--form-element-spacing-horizontal) !important;
padding-inline-start: var(--form-element-spacing-horizontal) !important;
padding-inline-start: var(--form-element-spacing-horizontal) !important;
background-position: center right 0.75rem;
background-repeat: no-repeat;
background-size: 1rem auto;
}
input:not([type=checkbox]):not([type=radio])[aria-invalid=false],
select:not([type=checkbox]):not([type=radio])[aria-invalid=false],
textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {
background-image: var(--icon-valid);
}
input:not([type=checkbox]):not([type=radio])[aria-invalid=true],
select:not([type=checkbox]):not([type=radio])[aria-invalid=true],
textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {
background-image: var(--icon-invalid);
}
input[aria-invalid=false],
select[aria-invalid=false],
textarea[aria-invalid=false] {
--border-color: var(--form-element-valid-border-color);
background-image: var(--icon-valid);
}
input[aria-invalid=false]:active, input[aria-invalid=false]:focus,
select[aria-invalid=false]:active,
@ -1180,7 +1189,6 @@ input[aria-invalid=true],
select[aria-invalid=true],
textarea[aria-invalid=true] {
--border-color: var(--form-element-invalid-border-color);
background-image: var(--icon-invalid);
}
input[aria-invalid=true]:active, input[aria-invalid=true]:focus,
select[aria-invalid=true]:active,
@ -1221,9 +1229,9 @@ select:not([multiple]):not([size]) {
padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-left: var(--form-element-spacing-horizontal);
-webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
-webkit-padding-start: var(--form-element-spacing-horizontal);
padding-inline-start: var(--form-element-spacing-horizontal);
padding-inline-start: var(--form-element-spacing-horizontal);
background-image: var(--icon-chevron);
background-position: center right 0.75rem;
background-repeat: no-repeat;
@ -1263,9 +1271,9 @@ label > input, label > select, label > textarea {
margin-right: 0.375em;
margin-left: 0;
-webkit-margin-end: 0.375em;
margin-inline-end: 0.375em;
margin-inline-end: 0.375em;
-webkit-margin-start: 0;
margin-inline-start: 0;
margin-inline-start: 0;
border-width: var(--border-width);
vertical-align: middle;
cursor: pointer;
@ -1346,9 +1354,25 @@ label > input, label > select, label > textarea {
margin-right: 0;
margin-left: calc(1.125em - var(--border-width));
-webkit-margin-end: 0;
margin-inline-end: 0;
margin-inline-end: 0;
-webkit-margin-start: calc(1.125em - var(--border-width));
margin-inline-start: calc(1.125em - var(--border-width));
margin-inline-start: calc(1.125em - var(--border-width));
}
[type=checkbox][role=switch][aria-invalid=false] {
--border-color: var(--form-element-valid-border-color);
}
[type=checkbox][role=switch][aria-invalid=false]:active, [type=checkbox][role=switch][aria-invalid=false]:focus {
--border-color: var(
--form-element-valid-active-border-color
) !important;
}
[type=checkbox][role=switch][aria-invalid=true] {
--border-color: var(--form-element-invalid-border-color);
}
[type=checkbox][role=switch][aria-invalid=true]:active, [type=checkbox][role=switch][aria-invalid=true]:focus {
--border-color: var(
--form-element-invalid-active-border-color
) !important;
}
/**
@ -1409,9 +1433,9 @@ label > input, label > select, label > textarea {
margin-right: calc(var(--spacing) / 2);
margin-left: 0;
-webkit-margin-end: calc(var(--spacing) / 2);
margin-inline-end: calc(var(--spacing) / 2);
margin-inline-end: calc(var(--spacing) / 2);
-webkit-margin-start: 0;
margin-inline-start: 0;
margin-inline-start: 0;
padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);
border: var(--border-width) solid var(--border-color);
border-radius: var(--border-radius);
@ -1434,9 +1458,9 @@ label > input, label > select, label > textarea {
margin-right: calc(var(--spacing) / 2);
margin-left: 0;
-webkit-margin-end: calc(var(--spacing) / 2);
margin-inline-end: calc(var(--spacing) / 2);
margin-inline-end: calc(var(--spacing) / 2);
-webkit-margin-start: 0;
margin-inline-start: 0;
margin-inline-start: 0;
padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);
border: var(--border-width) solid var(--border-color);
border-radius: var(--border-radius);
@ -1466,9 +1490,9 @@ label > input, label > select, label > textarea {
margin-right: calc(var(--spacing) / 2);
margin-left: 0;
-webkit-margin-end: calc(var(--spacing) / 2);
margin-inline-end: calc(var(--spacing) / 2);
margin-inline-end: calc(var(--spacing) / 2);
-webkit-margin-start: 0;
margin-inline-start: 0;
margin-inline-start: 0;
padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);
border: var(--border-width) solid var(--border-color);
border-radius: var(--border-radius);
@ -1603,7 +1627,7 @@ label > input, label > select, label > textarea {
[type=search] {
border-radius: 5rem;
padding-left: calc( var(--form-element-spacing-horizontal) + 1.75rem ) !important;
padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;
background-image: var(--icon-search);
background-position: center left 1.125rem;
background-repeat: no-repeat;
@ -1972,7 +1996,7 @@ progress::-moz-progress-bar {
progress:indeterminate {
background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;
-webkit-animation: progressIndeterminate 1s linear infinite;
animation: progressIndeterminate 1s linear infinite;
animation: progressIndeterminate 1s linear infinite;
}
progress:indeterminate[value]::-webkit-progress-value {
background-color: transparent;
@ -2016,7 +2040,7 @@ progress::-moz-progress-bar {
vertical-align: text-bottom;
vertical-align: -0.125em;
-webkit-animation: spinner 0.75s linear infinite;
animation: spinner 0.75s linear infinite;
animation: spinner 0.75s linear infinite;
content: "";
opacity: var(--loading-spinner-opacity);
}
@ -2024,9 +2048,9 @@ progress::-moz-progress-bar {
margin-right: calc(var(--spacing) * 0.5);
margin-left: 0;
-webkit-margin-end: calc(var(--spacing) * 0.5);
margin-inline-end: calc(var(--spacing) * 0.5);
margin-inline-end: calc(var(--spacing) * 0.5);
-webkit-margin-start: 0;
margin-inline-start: 0;
margin-inline-start: 0;
}
[aria-busy=true]:not(input):not(select):not(textarea):empty {
text-align: center;
@ -2098,13 +2122,13 @@ a[aria-busy=true] {
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
opacity: 1;
-webkit-animation-name: slide;
animation-name: slide;
animation-name: slide;
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
animation-duration: 0.2s;
}
[data-tooltip]:focus::after, [data-tooltip]:hover::after {
-webkit-animation-name: slideCaret;
animation-name: slideCaret;
animation-name: slideCaret;
}
@-webkit-keyframes slide {
@ -2200,13 +2224,15 @@ textarea,
:not([aria-busy=true])::after {
background-attachment: initial !important;
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-animation-delay: -1ms !important;
animation-delay: -1ms !important;
animation-delay: -1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
transition-delay: 0s !important;
transition-duration: 0s !important;
}
}
/*# sourceMappingURL=pico.classless.css.map */

1
css/pico.classless.css.map Normal file
View file

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

1
css/pico.classless.min.css.map Normal file
View file

File diff suppressed because one or more lines are too long

112
css/pico.css
View file

@ -1,5 +1,5 @@
/*!
* Pico.css v1.4.0 (https://picocss.com)
* Pico.css v1.4.1 (https://picocss.com)
* Copyright 2019-2021 - Licensed under MIT
*/
/**
@ -495,8 +495,8 @@ html {
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-ms-text-size-adjust: 100%;
background-color: var(--background-color);
color: var(--color);
@ -670,7 +670,7 @@ a {
background-color: var(--background-color);
color: var(--color);
-webkit-text-decoration: var(--text-decoration);
text-decoration: var(--text-decoration);
text-decoration: var(--text-decoration);
transition: background-color var(--transition), color var(--transition), box-shadow var(--transition), -webkit-text-decoration var(--transition);
transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);
transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition), -webkit-text-decoration var(--transition);
@ -823,9 +823,9 @@ ol {
padding-right: 0;
padding-left: var(--spacing);
-webkit-padding-end: 0;
padding-inline-end: 0;
padding-inline-end: 0;
-webkit-padding-start: var(--spacing);
padding-inline-start: var(--spacing);
padding-inline-start: var(--spacing);
}
ul li,
ol li {
@ -850,9 +850,9 @@ blockquote {
border-right: none;
border-left: 0.25rem solid var(--blockquote-border-color);
-webkit-border-end: none;
border-inline-end: none;
border-inline-end: none;
-webkit-border-start: 0.25rem solid var(--blockquote-border-color);
border-inline-start: 0.25rem solid var(--blockquote-border-color);
border-inline-start: 0.25rem solid var(--blockquote-border-color);
}
blockquote footer {
margin-top: calc(var(--typography-spacing-vertical) * 0.5);
@ -1248,7 +1248,7 @@ textarea {
}
input:not([type=checkbox]):not([type=radio]):not([type=range]) {
height: calc( (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) + (var(--border-width) * 2) );
height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);
}
fieldset {
@ -1274,8 +1274,8 @@ input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-moz-appearance: none;
appearance: none;
padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);
vertical-align: middle;
}
@ -1327,24 +1327,33 @@ textarea[disabled] {
opacity: var(--form-element-disabled-opacity);
}
input[aria-invalid],
select[aria-invalid],
textarea[aria-invalid] {
padding-right: calc( var(--form-element-spacing-horizontal) + 1.5rem ) !important;
input:not([type=checkbox]):not([type=radio])[aria-invalid],
select:not([type=checkbox]):not([type=radio])[aria-invalid],
textarea:not([type=checkbox]):not([type=radio])[aria-invalid] {
padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;
padding-left: var(--form-element-spacing-horizontal);
-webkit-padding-end: calc( var(--form-element-spacing-horizontal) + 1.5rem ) !important;
padding-inline-end: calc( var(--form-element-spacing-horizontal) + 1.5rem ) !important;
-webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;
padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;
-webkit-padding-start: var(--form-element-spacing-horizontal) !important;
padding-inline-start: var(--form-element-spacing-horizontal) !important;
padding-inline-start: var(--form-element-spacing-horizontal) !important;
background-position: center right 0.75rem;
background-repeat: no-repeat;
background-size: 1rem auto;
}
input:not([type=checkbox]):not([type=radio])[aria-invalid=false],
select:not([type=checkbox]):not([type=radio])[aria-invalid=false],
textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {
background-image: var(--icon-valid);
}
input:not([type=checkbox]):not([type=radio])[aria-invalid=true],
select:not([type=checkbox]):not([type=radio])[aria-invalid=true],
textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {
background-image: var(--icon-invalid);
}
input[aria-invalid=false],
select[aria-invalid=false],
textarea[aria-invalid=false] {
--border-color: var(--form-element-valid-border-color);
background-image: var(--icon-valid);
}
input[aria-invalid=false]:active, input[aria-invalid=false]:focus,
select[aria-invalid=false]:active,
@ -1359,7 +1368,6 @@ input[aria-invalid=true],
select[aria-invalid=true],
textarea[aria-invalid=true] {
--border-color: var(--form-element-invalid-border-color);
background-image: var(--icon-invalid);
}
input[aria-invalid=true]:active, input[aria-invalid=true]:focus,
select[aria-invalid=true]:active,
@ -1400,9 +1408,9 @@ select:not([multiple]):not([size]) {
padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-left: var(--form-element-spacing-horizontal);
-webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
-webkit-padding-start: var(--form-element-spacing-horizontal);
padding-inline-start: var(--form-element-spacing-horizontal);
padding-inline-start: var(--form-element-spacing-horizontal);
background-image: var(--icon-chevron);
background-position: center right 0.75rem;
background-repeat: no-repeat;
@ -1442,9 +1450,9 @@ label > input, label > select, label > textarea {
margin-right: 0.375em;
margin-left: 0;
-webkit-margin-end: 0.375em;
margin-inline-end: 0.375em;
margin-inline-end: 0.375em;
-webkit-margin-start: 0;
margin-inline-start: 0;
margin-inline-start: 0;
border-width: var(--border-width);
vertical-align: middle;
cursor: pointer;
@ -1525,9 +1533,25 @@ label > input, label > select, label > textarea {
margin-right: 0;
margin-left: calc(1.125em - var(--border-width));
-webkit-margin-end: 0;
margin-inline-end: 0;
margin-inline-end: 0;
-webkit-margin-start: calc(1.125em - var(--border-width));
margin-inline-start: calc(1.125em - var(--border-width));
margin-inline-start: calc(1.125em - var(--border-width));
}
[type=checkbox][role=switch][aria-invalid=false] {
--border-color: var(--form-element-valid-border-color);
}
[type=checkbox][role=switch][aria-invalid=false]:active, [type=checkbox][role=switch][aria-invalid=false]:focus {
--border-color: var(
--form-element-valid-active-border-color
) !important;
}
[type=checkbox][role=switch][aria-invalid=true] {
--border-color: var(--form-element-invalid-border-color);
}
[type=checkbox][role=switch][aria-invalid=true]:active, [type=checkbox][role=switch][aria-invalid=true]:focus {
--border-color: var(
--form-element-invalid-active-border-color
) !important;
}
/**
@ -1588,9 +1612,9 @@ label > input, label > select, label > textarea {
margin-right: calc(var(--spacing) / 2);
margin-left: 0;
-webkit-margin-end: calc(var(--spacing) / 2);
margin-inline-end: calc(var(--spacing) / 2);
margin-inline-end: calc(var(--spacing) / 2);
-webkit-margin-start: 0;
margin-inline-start: 0;
margin-inline-start: 0;
padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);
border: var(--border-width) solid var(--border-color);
border-radius: var(--border-radius);
@ -1613,9 +1637,9 @@ label > input, label > select, label > textarea {
margin-right: calc(var(--spacing) / 2);
margin-left: 0;
-webkit-margin-end: calc(var(--spacing) / 2);
margin-inline-end: calc(var(--spacing) / 2);
margin-inline-end: calc(var(--spacing) / 2);
-webkit-margin-start: 0;
margin-inline-start: 0;
margin-inline-start: 0;
padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);
border: var(--border-width) solid var(--border-color);
border-radius: var(--border-radius);
@ -1645,9 +1669,9 @@ label > input, label > select, label > textarea {
margin-right: calc(var(--spacing) / 2);
margin-left: 0;
-webkit-margin-end: calc(var(--spacing) / 2);
margin-inline-end: calc(var(--spacing) / 2);
margin-inline-end: calc(var(--spacing) / 2);
-webkit-margin-start: 0;
margin-inline-start: 0;
margin-inline-start: 0;
padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);
border: var(--border-width) solid var(--border-color);
border-radius: var(--border-radius);
@ -1782,7 +1806,7 @@ label > input, label > select, label > textarea {
[type=search] {
border-radius: 5rem;
padding-left: calc( var(--form-element-spacing-horizontal) + 1.75rem ) !important;
padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;
background-image: var(--icon-search);
background-position: center left 1.125rem;
background-repeat: no-repeat;
@ -2151,7 +2175,7 @@ progress::-moz-progress-bar {
progress:indeterminate {
background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;
-webkit-animation: progressIndeterminate 1s linear infinite;
animation: progressIndeterminate 1s linear infinite;
animation: progressIndeterminate 1s linear infinite;
}
progress:indeterminate[value]::-webkit-progress-value {
background-color: transparent;
@ -2195,7 +2219,7 @@ progress::-moz-progress-bar {
vertical-align: text-bottom;
vertical-align: -0.125em;
-webkit-animation: spinner 0.75s linear infinite;
animation: spinner 0.75s linear infinite;
animation: spinner 0.75s linear infinite;
content: "";
opacity: var(--loading-spinner-opacity);
}
@ -2203,9 +2227,9 @@ progress::-moz-progress-bar {
margin-right: calc(var(--spacing) * 0.5);
margin-left: 0;
-webkit-margin-end: calc(var(--spacing) * 0.5);
margin-inline-end: calc(var(--spacing) * 0.5);
margin-inline-end: calc(var(--spacing) * 0.5);
-webkit-margin-start: 0;
margin-inline-start: 0;
margin-inline-start: 0;
}
[aria-busy=true]:not(input):not(select):not(textarea):empty {
text-align: center;
@ -2277,13 +2301,13 @@ a[aria-busy=true] {
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
opacity: 1;
-webkit-animation-name: slide;
animation-name: slide;
animation-name: slide;
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
animation-duration: 0.2s;
}
[data-tooltip]:focus::after, [data-tooltip]:hover::after {
-webkit-animation-name: slideCaret;
animation-name: slideCaret;
animation-name: slideCaret;
}
@-webkit-keyframes slide {
@ -2379,13 +2403,15 @@ textarea,
:not([aria-busy=true])::after {
background-attachment: initial !important;
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-animation-delay: -1ms !important;
animation-delay: -1ms !important;
animation-delay: -1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
transition-delay: 0s !important;
transition-duration: 0s !important;
}
}
/*# sourceMappingURL=pico.css.map */

1
css/pico.css.map Normal file
View file

File diff suppressed because one or more lines are too long

112
css/pico.fluid.classless.css
View file

@ -1,5 +1,5 @@
/*!
* Pico.css v1.4.0 (https://picocss.com)
* Pico.css v1.4.1 (https://picocss.com)
* Copyright 2019-2021 - Licensed under MIT
*/
/**
@ -495,8 +495,8 @@ html {
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-ms-text-size-adjust: 100%;
background-color: var(--background-color);
color: var(--color);
@ -615,7 +615,7 @@ a {
background-color: var(--background-color);
color: var(--color);
-webkit-text-decoration: var(--text-decoration);
text-decoration: var(--text-decoration);
text-decoration: var(--text-decoration);
transition: background-color var(--transition), color var(--transition), box-shadow var(--transition), -webkit-text-decoration var(--transition);
transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);
transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition), -webkit-text-decoration var(--transition);
@ -750,9 +750,9 @@ ol {
padding-right: 0;
padding-left: var(--spacing);
-webkit-padding-end: 0;
padding-inline-end: 0;
padding-inline-end: 0;
-webkit-padding-start: var(--spacing);
padding-inline-start: var(--spacing);
padding-inline-start: var(--spacing);
}
ul li,
ol li {
@ -777,9 +777,9 @@ blockquote {
border-right: none;
border-left: 0.25rem solid var(--blockquote-border-color);
-webkit-border-end: none;
border-inline-end: none;
border-inline-end: none;
-webkit-border-start: 0.25rem solid var(--blockquote-border-color);
border-inline-start: 0.25rem solid var(--blockquote-border-color);
border-inline-start: 0.25rem solid var(--blockquote-border-color);
}
blockquote footer {
margin-top: calc(var(--typography-spacing-vertical) * 0.5);
@ -1039,7 +1039,7 @@ textarea {
}
input:not([type=checkbox]):not([type=radio]):not([type=range]) {
height: calc( (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) + (var(--border-width) * 2) );
height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);
}
fieldset {
@ -1065,8 +1065,8 @@ input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-moz-appearance: none;
appearance: none;
padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);
vertical-align: middle;
}
@ -1118,24 +1118,33 @@ textarea[disabled] {
opacity: var(--form-element-disabled-opacity);
}
input[aria-invalid],
select[aria-invalid],
textarea[aria-invalid] {
padding-right: calc( var(--form-element-spacing-horizontal) + 1.5rem ) !important;
input:not([type=checkbox]):not([type=radio])[aria-invalid],
select:not([type=checkbox]):not([type=radio])[aria-invalid],
textarea:not([type=checkbox]):not([type=radio])[aria-invalid] {
padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;
padding-left: var(--form-element-spacing-horizontal);
-webkit-padding-end: calc( var(--form-element-spacing-horizontal) + 1.5rem ) !important;
padding-inline-end: calc( var(--form-element-spacing-horizontal) + 1.5rem ) !important;
-webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;
padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;
-webkit-padding-start: var(--form-element-spacing-horizontal) !important;
padding-inline-start: var(--form-element-spacing-horizontal) !important;
padding-inline-start: var(--form-element-spacing-horizontal) !important;
background-position: center right 0.75rem;
background-repeat: no-repeat;
background-size: 1rem auto;
}
input:not([type=checkbox]):not([type=radio])[aria-invalid=false],
select:not([type=checkbox]):not([type=radio])[aria-invalid=false],
textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {
background-image: var(--icon-valid);
}
input:not([type=checkbox]):not([type=radio])[aria-invalid=true],
select:not([type=checkbox]):not([type=radio])[aria-invalid=true],
textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {
background-image: var(--icon-invalid);
}
input[aria-invalid=false],
select[aria-invalid=false],
textarea[aria-invalid=false] {
--border-color: var(--form-element-valid-border-color);
background-image: var(--icon-valid);
}
input[aria-invalid=false]:active, input[aria-invalid=false]:focus,
select[aria-invalid=false]:active,
@ -1150,7 +1159,6 @@ input[aria-invalid=true],
select[aria-invalid=true],
textarea[aria-invalid=true] {
--border-color: var(--form-element-invalid-border-color);
background-image: var(--icon-invalid);
}
input[aria-invalid=true]:active, input[aria-invalid=true]:focus,
select[aria-invalid=true]:active,
@ -1191,9 +1199,9 @@ select:not([multiple]):not([size]) {
padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-left: var(--form-element-spacing-horizontal);
-webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
-webkit-padding-start: var(--form-element-spacing-horizontal);
padding-inline-start: var(--form-element-spacing-horizontal);
padding-inline-start: var(--form-element-spacing-horizontal);
background-image: var(--icon-chevron);
background-position: center right 0.75rem;
background-repeat: no-repeat;
@ -1233,9 +1241,9 @@ label > input, label > select, label > textarea {
margin-right: 0.375em;
margin-left: 0;
-webkit-margin-end: 0.375em;
margin-inline-end: 0.375em;
margin-inline-end: 0.375em;
-webkit-margin-start: 0;
margin-inline-start: 0;
margin-inline-start: 0;
border-width: var(--border-width);
vertical-align: middle;
cursor: pointer;
@ -1316,9 +1324,25 @@ label > input, label > select, label > textarea {
margin-right: 0;
margin-left: calc(1.125em - var(--border-width));
-webkit-margin-end: 0;
margin-inline-end: 0;
margin-inline-end: 0;
-webkit-margin-start: calc(1.125em - var(--border-width));
margin-inline-start: calc(1.125em - var(--border-width));
margin-inline-start: calc(1.125em - var(--border-width));
}
[type=checkbox][role=switch][aria-invalid=false] {
--border-color: var(--form-element-valid-border-color);
}
[type=checkbox][role=switch][aria-invalid=false]:active, [type=checkbox][role=switch][aria-invalid=false]:focus {
--border-color: var(
--form-element-valid-active-border-color
) !important;
}
[type=checkbox][role=switch][aria-invalid=true] {
--border-color: var(--form-element-invalid-border-color);
}
[type=checkbox][role=switch][aria-invalid=true]:active, [type=checkbox][role=switch][aria-invalid=true]:focus {
--border-color: var(
--form-element-invalid-active-border-color
) !important;
}
/**
@ -1379,9 +1403,9 @@ label > input, label > select, label > textarea {
margin-right: calc(var(--spacing) / 2);
margin-left: 0;
-webkit-margin-end: calc(var(--spacing) / 2);
margin-inline-end: calc(var(--spacing) / 2);
margin-inline-end: calc(var(--spacing) / 2);
-webkit-margin-start: 0;
margin-inline-start: 0;
margin-inline-start: 0;
padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);
border: var(--border-width) solid var(--border-color);
border-radius: var(--border-radius);
@ -1404,9 +1428,9 @@ label > input, label > select, label > textarea {
margin-right: calc(var(--spacing) / 2);
margin-left: 0;
-webkit-margin-end: calc(var(--spacing) / 2);
margin-inline-end: calc(var(--spacing) / 2);
margin-inline-end: calc(var(--spacing) / 2);
-webkit-margin-start: 0;
margin-inline-start: 0;
margin-inline-start: 0;
padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);
border: var(--border-width) solid var(--border-color);
border-radius: var(--border-radius);
@ -1436,9 +1460,9 @@ label > input, label > select, label > textarea {
margin-right: calc(var(--spacing) / 2);
margin-left: 0;
-webkit-margin-end: calc(var(--spacing) / 2);
margin-inline-end: calc(var(--spacing) / 2);
margin-inline-end: calc(var(--spacing) / 2);
-webkit-margin-start: 0;
margin-inline-start: 0;
margin-inline-start: 0;
padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);
border: var(--border-width) solid var(--border-color);
border-radius: var(--border-radius);
@ -1573,7 +1597,7 @@ label > input, label > select, label > textarea {
[type=search] {
border-radius: 5rem;
padding-left: calc( var(--form-element-spacing-horizontal) + 1.75rem ) !important;
padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;
background-image: var(--icon-search);
background-position: center left 1.125rem;
background-repeat: no-repeat;
@ -1942,7 +1966,7 @@ progress::-moz-progress-bar {
progress:indeterminate {
background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;
-webkit-animation: progressIndeterminate 1s linear infinite;
animation: progressIndeterminate 1s linear infinite;
animation: progressIndeterminate 1s linear infinite;
}
progress:indeterminate[value]::-webkit-progress-value {
background-color: transparent;
@ -1986,7 +2010,7 @@ progress::-moz-progress-bar {
vertical-align: text-bottom;
vertical-align: -0.125em;
-webkit-animation: spinner 0.75s linear infinite;
animation: spinner 0.75s linear infinite;
animation: spinner 0.75s linear infinite;
content: "";
opacity: var(--loading-spinner-opacity);
}
@ -1994,9 +2018,9 @@ progress::-moz-progress-bar {
margin-right: calc(var(--spacing) * 0.5);
margin-left: 0;
-webkit-margin-end: calc(var(--spacing) * 0.5);
margin-inline-end: calc(var(--spacing) * 0.5);
margin-inline-end: calc(var(--spacing) * 0.5);
-webkit-margin-start: 0;
margin-inline-start: 0;
margin-inline-start: 0;
}
[aria-busy=true]:not(input):not(select):not(textarea):empty {
text-align: center;
@ -2068,13 +2092,13 @@ a[aria-busy=true] {
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
opacity: 1;
-webkit-animation-name: slide;
animation-name: slide;
animation-name: slide;
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
animation-duration: 0.2s;
}
[data-tooltip]:focus::after, [data-tooltip]:hover::after {
-webkit-animation-name: slideCaret;
animation-name: slideCaret;
animation-name: slideCaret;
}
@-webkit-keyframes slide {
@ -2170,13 +2194,15 @@ textarea,
:not([aria-busy=true])::after {
background-attachment: initial !important;
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-animation-delay: -1ms !important;
animation-delay: -1ms !important;
animation-delay: -1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
transition-delay: 0s !important;
transition-duration: 0s !important;
}
}
/*# sourceMappingURL=pico.fluid.classless.css.map */

1
css/pico.fluid.classless.css.map Normal file
View file

File diff suppressed because one or more lines are too long

5
css/pico.fluid.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

1
css/pico.fluid.classless.min.css.map Normal file
View file

File diff suppressed because one or more lines are too long

5
css/pico.min.css vendored
View file

File diff suppressed because one or more lines are too long

1
css/pico.min.css.map Normal file
View file

File diff suppressed because one or more lines are too long

50
css/pico.slim.css
View file

@ -1,5 +1,5 @@
/*!
* Pico.css v1.4.0 (https://picocss.com)
* Pico.css v1.4.1 (https://picocss.com)
* Copyright 2019-2021 - Licensed under MIT
*
* Slim version example
@ -419,8 +419,8 @@ html {
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-ms-text-size-adjust: 100%;
background-color: var(--background-color);
color: var(--color);
@ -594,7 +594,7 @@ a {
background-color: var(--background-color);
color: var(--color);
-webkit-text-decoration: var(--text-decoration);
text-decoration: var(--text-decoration);
text-decoration: var(--text-decoration);
}
a:hover, a:active, a:focus {
--color: var(--primary-hover);
@ -744,9 +744,9 @@ ol {
padding-right: 0;
padding-left: var(--spacing);
-webkit-padding-end: 0;
padding-inline-end: 0;
padding-inline-end: 0;
-webkit-padding-start: var(--spacing);
padding-inline-start: var(--spacing);
padding-inline-start: var(--spacing);
}
ul li,
ol li {
@ -771,9 +771,9 @@ blockquote {
border-right: none;
border-left: 0.25rem solid var(--blockquote-border-color);
-webkit-border-end: none;
border-inline-end: none;
border-inline-end: none;
-webkit-border-start: 0.25rem solid var(--blockquote-border-color);
border-inline-start: 0.25rem solid var(--blockquote-border-color);
border-inline-start: 0.25rem solid var(--blockquote-border-color);
}
blockquote footer {
margin-top: calc(var(--typography-spacing-vertical) * 0.5);
@ -1168,7 +1168,7 @@ textarea {
}
input:not([type=checkbox]):not([type=radio]):not([type=range]) {
height: calc( (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) + (var(--border-width) * 2) );
height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);
}
fieldset {
@ -1194,8 +1194,8 @@ input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-moz-appearance: none;
appearance: none;
padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);
vertical-align: middle;
}
@ -1246,24 +1246,33 @@ textarea[disabled] {
opacity: var(--form-element-disabled-opacity);
}
input[aria-invalid],
select[aria-invalid],
textarea[aria-invalid] {
input:not([type=checkbox]):not([type=radio])[aria-invalid],
select:not([type=checkbox]):not([type=radio])[aria-invalid],
textarea:not([type=checkbox]):not([type=radio])[aria-invalid] {
padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-left: var(--form-element-spacing-horizontal);
-webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
-webkit-padding-start: var(--form-element-spacing-horizontal);
padding-inline-start: var(--form-element-spacing-horizontal);
padding-inline-start: var(--form-element-spacing-horizontal);
background-position: center right 0.75rem;
background-repeat: no-repeat;
background-size: 1rem auto;
}
input:not([type=checkbox]):not([type=radio])[aria-invalid=false],
select:not([type=checkbox]):not([type=radio])[aria-invalid=false],
textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {
background-image: var(--icon-valid);
}
input:not([type=checkbox]):not([type=radio])[aria-invalid=true],
select:not([type=checkbox]):not([type=radio])[aria-invalid=true],
textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {
background-image: var(--icon-invalid);
}
input[aria-invalid=false],
select[aria-invalid=false],
textarea[aria-invalid=false] {
--border-color: var(--form-element-valid-border-color);
background-image: var(--icon-valid);
}
input[aria-invalid=false]:active, input[aria-invalid=false]:focus,
select[aria-invalid=false]:active,
@ -1276,7 +1285,6 @@ input[aria-invalid=true],
select[aria-invalid=true],
textarea[aria-invalid=true] {
--border-color: var(--form-element-invalid-border-color);
background-image: var(--icon-invalid);
}
input[aria-invalid=true]:active, input[aria-invalid=true]:focus,
select[aria-invalid=true]:active,
@ -1315,9 +1323,9 @@ select:not([multiple]):not([size]) {
padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-left: var(--form-element-spacing-horizontal);
-webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
-webkit-padding-start: var(--form-element-spacing-horizontal);
padding-inline-start: var(--form-element-spacing-horizontal);
padding-inline-start: var(--form-element-spacing-horizontal);
background-image: var(--icon-chevron);
background-position: center right 0.75rem;
background-repeat: no-repeat;
@ -1408,3 +1416,5 @@ textarea,
[dir=rtl] {
direction: rtl;
}
/*# sourceMappingURL=pico.slim.css.map */

1
css/pico.slim.css.map Normal file
View file

File diff suppressed because one or more lines are too long

5
css/pico.slim.min.css vendored
View file

File diff suppressed because one or more lines are too long

1
css/pico.slim.min.css.map Normal file
View file

File diff suppressed because one or more lines are too long

2
css/themes/default.css
View file

@ -470,3 +470,5 @@ kbd {
--icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
--icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
}
/*# sourceMappingURL=default.css.map */

1
css/themes/default.css.map Normal file
View file

File diff suppressed because one or more lines are too long

3
css/themes/default.min.css vendored
View file

File diff suppressed because one or more lines are too long

1
css/themes/default.min.css.map Normal file
View file

File diff suppressed because one or more lines are too long