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

Better compilation scripts with sourcemaps

Browse source
This commit is contained in:
Lucas Larroche 2021-10-30 14:09:00 +07:00
parent aca3ce1808
commit 112619ac3b
27 changed files with 1561 additions and 1646 deletions
Download patch file Download diff file Expand all files Collapse all files

68
css/pico.classless.css
View file

@ -467,8 +467,8 @@ html {
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-moz-tab-size: 4; -moz-tab-size: 4;
-o-tab-size: 4; -o-tab-size: 4;
tab-size: 4; tab-size: 4;
-ms-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
background-color: var(--background-color); background-color: var(--background-color);
color: var(--color); color: var(--color);
@ -617,7 +617,7 @@ a {
background-color: var(--background-color); background-color: var(--background-color);
color: var(--color); color: var(--color);
-webkit-text-decoration: var(--text-decoration); -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), 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);
transition: background-color var(--transition), color var(--transition), text-decoration 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), -webkit-text-decoration var(--transition);
@ -752,9 +752,9 @@ ol {
padding-right: 0; padding-right: 0;
padding-left: var(--spacing); padding-left: var(--spacing);
-webkit-padding-end: 0; -webkit-padding-end: 0;
padding-inline-end: 0; padding-inline-end: 0;
-webkit-padding-start: var(--spacing); -webkit-padding-start: var(--spacing);
padding-inline-start: var(--spacing); padding-inline-start: var(--spacing);
} }
ul li, ul li,
ol li { ol li {
@ -779,9 +779,9 @@ blockquote {
border-right: none; border-right: none;
border-left: 0.25rem solid var(--blockquote-border-color); border-left: 0.25rem solid var(--blockquote-border-color);
-webkit-border-end: none; -webkit-border-end: none;
border-inline-end: none; border-inline-end: none;
-webkit-border-start: 0.25rem solid var(--blockquote-border-color); -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 { blockquote footer {
margin-top: calc(var(--typography-spacing-vertical) * 0.5); margin-top: calc(var(--typography-spacing-vertical) * 0.5);
@ -1067,8 +1067,8 @@ input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
select, select,
textarea { textarea {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
appearance: none; appearance: none;
padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal); padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);
vertical-align: middle; vertical-align: middle;
} }
@ -1126,9 +1126,9 @@ textarea:not([type=checkbox]):not([type=radio])[aria-invalid] {
padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important; padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;
padding-left: var(--form-element-spacing-horizontal); padding-left: var(--form-element-spacing-horizontal);
-webkit-padding-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; padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;
-webkit-padding-start: var(--form-element-spacing-horizontal) !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-position: center right 0.75rem;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 1rem auto; background-size: 1rem auto;
@ -1201,9 +1201,9 @@ select:not([multiple]):not([size]) {
padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem); padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-left: var(--form-element-spacing-horizontal); padding-left: var(--form-element-spacing-horizontal);
-webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem); -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); -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-image: var(--icon-chevron);
background-position: center right 0.75rem; background-position: center right 0.75rem;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1243,9 +1243,9 @@ label > input, label > select, label > textarea {
margin-right: 0.375em; margin-right: 0.375em;
margin-left: 0; margin-left: 0;
-webkit-margin-end: 0.375em; -webkit-margin-end: 0.375em;
margin-inline-end: 0.375em; margin-inline-end: 0.375em;
-webkit-margin-start: 0; -webkit-margin-start: 0;
margin-inline-start: 0; margin-inline-start: 0;
border-width: var(--border-width); border-width: var(--border-width);
vertical-align: middle; vertical-align: middle;
cursor: pointer; cursor: pointer;
@ -1326,9 +1326,9 @@ label > input, label > select, label > textarea {
margin-right: 0; margin-right: 0;
margin-left: calc(1.125em - var(--border-width)); margin-left: calc(1.125em - var(--border-width));
-webkit-margin-end: 0; -webkit-margin-end: 0;
margin-inline-end: 0; margin-inline-end: 0;
-webkit-margin-start: calc(1.125em - var(--border-width)); -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] { [type=checkbox][role=switch][aria-invalid=false] {
--border-color: var(--form-element-valid-border-color); --border-color: var(--form-element-valid-border-color);
@ -1405,9 +1405,9 @@ label > input, label > select, label > textarea {
margin-right: calc(var(--spacing) / 2); margin-right: calc(var(--spacing) / 2);
margin-left: 0; margin-left: 0;
-webkit-margin-end: calc(var(--spacing) / 2); -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; -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); 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: var(--border-width) solid var(--border-color);
border-radius: var(--border-radius); border-radius: var(--border-radius);
@ -1430,9 +1430,9 @@ label > input, label > select, label > textarea {
margin-right: calc(var(--spacing) / 2); margin-right: calc(var(--spacing) / 2);
margin-left: 0; margin-left: 0;
-webkit-margin-end: calc(var(--spacing) / 2); -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; -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); 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: var(--border-width) solid var(--border-color);
border-radius: var(--border-radius); border-radius: var(--border-radius);
@ -1462,9 +1462,9 @@ label > input, label > select, label > textarea {
margin-right: calc(var(--spacing) / 2); margin-right: calc(var(--spacing) / 2);
margin-left: 0; margin-left: 0;
-webkit-margin-end: calc(var(--spacing) / 2); -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; -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); 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: var(--border-width) solid var(--border-color);
border-radius: var(--border-radius); border-radius: var(--border-radius);
@ -1939,7 +1939,7 @@ progress::-moz-progress-bar {
progress:indeterminate { 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; 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; -webkit-animation: progressIndeterminate 1s linear infinite;
animation: progressIndeterminate 1s linear infinite; animation: progressIndeterminate 1s linear infinite;
} }
progress:indeterminate[value]::-webkit-progress-value { progress:indeterminate[value]::-webkit-progress-value {
background-color: transparent; background-color: transparent;
@ -1983,7 +1983,7 @@ progress::-moz-progress-bar {
vertical-align: text-bottom; vertical-align: text-bottom;
vertical-align: -0.125em; vertical-align: -0.125em;
-webkit-animation: spinner 0.75s linear infinite; -webkit-animation: spinner 0.75s linear infinite;
animation: spinner 0.75s linear infinite; animation: spinner 0.75s linear infinite;
content: ""; content: "";
opacity: var(--loading-spinner-opacity); opacity: var(--loading-spinner-opacity);
} }
@ -1991,9 +1991,9 @@ progress::-moz-progress-bar {
margin-right: calc(var(--spacing) * 0.5); margin-right: calc(var(--spacing) * 0.5);
margin-left: 0; margin-left: 0;
-webkit-margin-end: calc(var(--spacing) * 0.5); -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; -webkit-margin-start: 0;
margin-inline-start: 0; margin-inline-start: 0;
} }
[aria-busy=true]:not(input):not(select):not(textarea):empty { [aria-busy=true]:not(input):not(select):not(textarea):empty {
text-align: center; text-align: center;
@ -2065,13 +2065,13 @@ a[aria-busy=true] {
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after { [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
opacity: 1; opacity: 1;
-webkit-animation-name: slide; -webkit-animation-name: slide;
animation-name: slide; animation-name: slide;
-webkit-animation-duration: 0.2s; -webkit-animation-duration: 0.2s;
animation-duration: 0.2s; animation-duration: 0.2s;
} }
[data-tooltip]:focus::after, [data-tooltip]:hover::after { [data-tooltip]:focus::after, [data-tooltip]:hover::after {
-webkit-animation-name: slideCaret; -webkit-animation-name: slideCaret;
animation-name: slideCaret; animation-name: slideCaret;
} }
@-webkit-keyframes slide { @-webkit-keyframes slide {
@ -2167,13 +2167,15 @@ textarea,
:not([aria-busy=true])::after { :not([aria-busy=true])::after {
background-attachment: initial !important; background-attachment: initial !important;
-webkit-animation-duration: 1ms !important; -webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important; animation-duration: 1ms !important;
-webkit-animation-delay: -1ms !important; -webkit-animation-delay: -1ms !important;
animation-delay: -1ms !important; animation-delay: -1ms !important;
-webkit-animation-iteration-count: 1 !important; -webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important; animation-iteration-count: 1 !important;
scroll-behavior: auto !important; scroll-behavior: auto !important;
transition-delay: 0s !important; transition-delay: 0s !important;
transition-duration: 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

1
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

68
css/pico.css
View file

@ -467,8 +467,8 @@ html {
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-moz-tab-size: 4; -moz-tab-size: 4;
-o-tab-size: 4; -o-tab-size: 4;
tab-size: 4; tab-size: 4;
-ms-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
background-color: var(--background-color); background-color: var(--background-color);
color: var(--color); color: var(--color);
@ -642,7 +642,7 @@ a {
background-color: var(--background-color); background-color: var(--background-color);
color: var(--color); color: var(--color);
-webkit-text-decoration: var(--text-decoration); -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), 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);
transition: background-color var(--transition), color var(--transition), text-decoration 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), -webkit-text-decoration var(--transition);
@ -795,9 +795,9 @@ ol {
padding-right: 0; padding-right: 0;
padding-left: var(--spacing); padding-left: var(--spacing);
-webkit-padding-end: 0; -webkit-padding-end: 0;
padding-inline-end: 0; padding-inline-end: 0;
-webkit-padding-start: var(--spacing); -webkit-padding-start: var(--spacing);
padding-inline-start: var(--spacing); padding-inline-start: var(--spacing);
} }
ul li, ul li,
ol li { ol li {
@ -822,9 +822,9 @@ blockquote {
border-right: none; border-right: none;
border-left: 0.25rem solid var(--blockquote-border-color); border-left: 0.25rem solid var(--blockquote-border-color);
-webkit-border-end: none; -webkit-border-end: none;
border-inline-end: none; border-inline-end: none;
-webkit-border-start: 0.25rem solid var(--blockquote-border-color); -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 { blockquote footer {
margin-top: calc(var(--typography-spacing-vertical) * 0.5); margin-top: calc(var(--typography-spacing-vertical) * 0.5);
@ -1246,8 +1246,8 @@ input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
select, select,
textarea { textarea {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
appearance: none; appearance: none;
padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal); padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);
vertical-align: middle; vertical-align: middle;
} }
@ -1305,9 +1305,9 @@ textarea:not([type=checkbox]):not([type=radio])[aria-invalid] {
padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important; padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;
padding-left: var(--form-element-spacing-horizontal); padding-left: var(--form-element-spacing-horizontal);
-webkit-padding-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; padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;
-webkit-padding-start: var(--form-element-spacing-horizontal) !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-position: center right 0.75rem;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 1rem auto; background-size: 1rem auto;
@ -1380,9 +1380,9 @@ select:not([multiple]):not([size]) {
padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem); padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-left: var(--form-element-spacing-horizontal); padding-left: var(--form-element-spacing-horizontal);
-webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem); -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); -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-image: var(--icon-chevron);
background-position: center right 0.75rem; background-position: center right 0.75rem;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1422,9 +1422,9 @@ label > input, label > select, label > textarea {
margin-right: 0.375em; margin-right: 0.375em;
margin-left: 0; margin-left: 0;
-webkit-margin-end: 0.375em; -webkit-margin-end: 0.375em;
margin-inline-end: 0.375em; margin-inline-end: 0.375em;
-webkit-margin-start: 0; -webkit-margin-start: 0;
margin-inline-start: 0; margin-inline-start: 0;
border-width: var(--border-width); border-width: var(--border-width);
vertical-align: middle; vertical-align: middle;
cursor: pointer; cursor: pointer;
@ -1505,9 +1505,9 @@ label > input, label > select, label > textarea {
margin-right: 0; margin-right: 0;
margin-left: calc(1.125em - var(--border-width)); margin-left: calc(1.125em - var(--border-width));
-webkit-margin-end: 0; -webkit-margin-end: 0;
margin-inline-end: 0; margin-inline-end: 0;
-webkit-margin-start: calc(1.125em - var(--border-width)); -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] { [type=checkbox][role=switch][aria-invalid=false] {
--border-color: var(--form-element-valid-border-color); --border-color: var(--form-element-valid-border-color);
@ -1584,9 +1584,9 @@ label > input, label > select, label > textarea {
margin-right: calc(var(--spacing) / 2); margin-right: calc(var(--spacing) / 2);
margin-left: 0; margin-left: 0;
-webkit-margin-end: calc(var(--spacing) / 2); -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; -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); 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: var(--border-width) solid var(--border-color);
border-radius: var(--border-radius); border-radius: var(--border-radius);
@ -1609,9 +1609,9 @@ label > input, label > select, label > textarea {
margin-right: calc(var(--spacing) / 2); margin-right: calc(var(--spacing) / 2);
margin-left: 0; margin-left: 0;
-webkit-margin-end: calc(var(--spacing) / 2); -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; -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); 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: var(--border-width) solid var(--border-color);
border-radius: var(--border-radius); border-radius: var(--border-radius);
@ -1641,9 +1641,9 @@ label > input, label > select, label > textarea {
margin-right: calc(var(--spacing) / 2); margin-right: calc(var(--spacing) / 2);
margin-left: 0; margin-left: 0;
-webkit-margin-end: calc(var(--spacing) / 2); -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; -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); 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: var(--border-width) solid var(--border-color);
border-radius: var(--border-radius); border-radius: var(--border-radius);
@ -2118,7 +2118,7 @@ progress::-moz-progress-bar {
progress:indeterminate { 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; 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; -webkit-animation: progressIndeterminate 1s linear infinite;
animation: progressIndeterminate 1s linear infinite; animation: progressIndeterminate 1s linear infinite;
} }
progress:indeterminate[value]::-webkit-progress-value { progress:indeterminate[value]::-webkit-progress-value {
background-color: transparent; background-color: transparent;
@ -2162,7 +2162,7 @@ progress::-moz-progress-bar {
vertical-align: text-bottom; vertical-align: text-bottom;
vertical-align: -0.125em; vertical-align: -0.125em;
-webkit-animation: spinner 0.75s linear infinite; -webkit-animation: spinner 0.75s linear infinite;
animation: spinner 0.75s linear infinite; animation: spinner 0.75s linear infinite;
content: ""; content: "";
opacity: var(--loading-spinner-opacity); opacity: var(--loading-spinner-opacity);
} }
@ -2170,9 +2170,9 @@ progress::-moz-progress-bar {
margin-right: calc(var(--spacing) * 0.5); margin-right: calc(var(--spacing) * 0.5);
margin-left: 0; margin-left: 0;
-webkit-margin-end: calc(var(--spacing) * 0.5); -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; -webkit-margin-start: 0;
margin-inline-start: 0; margin-inline-start: 0;
} }
[aria-busy=true]:not(input):not(select):not(textarea):empty { [aria-busy=true]:not(input):not(select):not(textarea):empty {
text-align: center; text-align: center;
@ -2244,13 +2244,13 @@ a[aria-busy=true] {
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after { [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
opacity: 1; opacity: 1;
-webkit-animation-name: slide; -webkit-animation-name: slide;
animation-name: slide; animation-name: slide;
-webkit-animation-duration: 0.2s; -webkit-animation-duration: 0.2s;
animation-duration: 0.2s; animation-duration: 0.2s;
} }
[data-tooltip]:focus::after, [data-tooltip]:hover::after { [data-tooltip]:focus::after, [data-tooltip]:hover::after {
-webkit-animation-name: slideCaret; -webkit-animation-name: slideCaret;
animation-name: slideCaret; animation-name: slideCaret;
} }
@-webkit-keyframes slide { @-webkit-keyframes slide {
@ -2346,13 +2346,15 @@ textarea,
:not([aria-busy=true])::after { :not([aria-busy=true])::after {
background-attachment: initial !important; background-attachment: initial !important;
-webkit-animation-duration: 1ms !important; -webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important; animation-duration: 1ms !important;
-webkit-animation-delay: -1ms !important; -webkit-animation-delay: -1ms !important;
animation-delay: -1ms !important; animation-delay: -1ms !important;
-webkit-animation-iteration-count: 1 !important; -webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important; animation-iteration-count: 1 !important;
scroll-behavior: auto !important; scroll-behavior: auto !important;
transition-delay: 0s !important; transition-delay: 0s !important;
transition-duration: 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

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

@ -467,8 +467,8 @@ html {
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-moz-tab-size: 4; -moz-tab-size: 4;
-o-tab-size: 4; -o-tab-size: 4;
tab-size: 4; tab-size: 4;
-ms-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
background-color: var(--background-color); background-color: var(--background-color);
color: var(--color); color: var(--color);
@ -587,7 +587,7 @@ a {
background-color: var(--background-color); background-color: var(--background-color);
color: var(--color); color: var(--color);
-webkit-text-decoration: var(--text-decoration); -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), 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);
transition: background-color var(--transition), color var(--transition), text-decoration 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), -webkit-text-decoration var(--transition);
@ -722,9 +722,9 @@ ol {
padding-right: 0; padding-right: 0;
padding-left: var(--spacing); padding-left: var(--spacing);
-webkit-padding-end: 0; -webkit-padding-end: 0;
padding-inline-end: 0; padding-inline-end: 0;
-webkit-padding-start: var(--spacing); -webkit-padding-start: var(--spacing);
padding-inline-start: var(--spacing); padding-inline-start: var(--spacing);
} }
ul li, ul li,
ol li { ol li {
@ -749,9 +749,9 @@ blockquote {
border-right: none; border-right: none;
border-left: 0.25rem solid var(--blockquote-border-color); border-left: 0.25rem solid var(--blockquote-border-color);
-webkit-border-end: none; -webkit-border-end: none;
border-inline-end: none; border-inline-end: none;
-webkit-border-start: 0.25rem solid var(--blockquote-border-color); -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 { blockquote footer {
margin-top: calc(var(--typography-spacing-vertical) * 0.5); margin-top: calc(var(--typography-spacing-vertical) * 0.5);
@ -1037,8 +1037,8 @@ input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
select, select,
textarea { textarea {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
appearance: none; appearance: none;
padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal); padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);
vertical-align: middle; vertical-align: middle;
} }
@ -1096,9 +1096,9 @@ textarea:not([type=checkbox]):not([type=radio])[aria-invalid] {
padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important; padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;
padding-left: var(--form-element-spacing-horizontal); padding-left: var(--form-element-spacing-horizontal);
-webkit-padding-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; padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;
-webkit-padding-start: var(--form-element-spacing-horizontal) !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-position: center right 0.75rem;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 1rem auto; background-size: 1rem auto;
@ -1171,9 +1171,9 @@ select:not([multiple]):not([size]) {
padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem); padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-left: var(--form-element-spacing-horizontal); padding-left: var(--form-element-spacing-horizontal);
-webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem); -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); -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-image: var(--icon-chevron);
background-position: center right 0.75rem; background-position: center right 0.75rem;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1213,9 +1213,9 @@ label > input, label > select, label > textarea {
margin-right: 0.375em; margin-right: 0.375em;
margin-left: 0; margin-left: 0;
-webkit-margin-end: 0.375em; -webkit-margin-end: 0.375em;
margin-inline-end: 0.375em; margin-inline-end: 0.375em;
-webkit-margin-start: 0; -webkit-margin-start: 0;
margin-inline-start: 0; margin-inline-start: 0;
border-width: var(--border-width); border-width: var(--border-width);
vertical-align: middle; vertical-align: middle;
cursor: pointer; cursor: pointer;
@ -1296,9 +1296,9 @@ label > input, label > select, label > textarea {
margin-right: 0; margin-right: 0;
margin-left: calc(1.125em - var(--border-width)); margin-left: calc(1.125em - var(--border-width));
-webkit-margin-end: 0; -webkit-margin-end: 0;
margin-inline-end: 0; margin-inline-end: 0;
-webkit-margin-start: calc(1.125em - var(--border-width)); -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] { [type=checkbox][role=switch][aria-invalid=false] {
--border-color: var(--form-element-valid-border-color); --border-color: var(--form-element-valid-border-color);
@ -1375,9 +1375,9 @@ label > input, label > select, label > textarea {
margin-right: calc(var(--spacing) / 2); margin-right: calc(var(--spacing) / 2);
margin-left: 0; margin-left: 0;
-webkit-margin-end: calc(var(--spacing) / 2); -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; -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); 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: var(--border-width) solid var(--border-color);
border-radius: var(--border-radius); border-radius: var(--border-radius);
@ -1400,9 +1400,9 @@ label > input, label > select, label > textarea {
margin-right: calc(var(--spacing) / 2); margin-right: calc(var(--spacing) / 2);
margin-left: 0; margin-left: 0;
-webkit-margin-end: calc(var(--spacing) / 2); -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; -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); 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: var(--border-width) solid var(--border-color);
border-radius: var(--border-radius); border-radius: var(--border-radius);
@ -1432,9 +1432,9 @@ label > input, label > select, label > textarea {
margin-right: calc(var(--spacing) / 2); margin-right: calc(var(--spacing) / 2);
margin-left: 0; margin-left: 0;
-webkit-margin-end: calc(var(--spacing) / 2); -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; -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); 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: var(--border-width) solid var(--border-color);
border-radius: var(--border-radius); border-radius: var(--border-radius);
@ -1909,7 +1909,7 @@ progress::-moz-progress-bar {
progress:indeterminate { 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; 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; -webkit-animation: progressIndeterminate 1s linear infinite;
animation: progressIndeterminate 1s linear infinite; animation: progressIndeterminate 1s linear infinite;
} }
progress:indeterminate[value]::-webkit-progress-value { progress:indeterminate[value]::-webkit-progress-value {
background-color: transparent; background-color: transparent;
@ -1953,7 +1953,7 @@ progress::-moz-progress-bar {
vertical-align: text-bottom; vertical-align: text-bottom;
vertical-align: -0.125em; vertical-align: -0.125em;
-webkit-animation: spinner 0.75s linear infinite; -webkit-animation: spinner 0.75s linear infinite;
animation: spinner 0.75s linear infinite; animation: spinner 0.75s linear infinite;
content: ""; content: "";
opacity: var(--loading-spinner-opacity); opacity: var(--loading-spinner-opacity);
} }
@ -1961,9 +1961,9 @@ progress::-moz-progress-bar {
margin-right: calc(var(--spacing) * 0.5); margin-right: calc(var(--spacing) * 0.5);
margin-left: 0; margin-left: 0;
-webkit-margin-end: calc(var(--spacing) * 0.5); -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; -webkit-margin-start: 0;
margin-inline-start: 0; margin-inline-start: 0;
} }
[aria-busy=true]:not(input):not(select):not(textarea):empty { [aria-busy=true]:not(input):not(select):not(textarea):empty {
text-align: center; text-align: center;
@ -2035,13 +2035,13 @@ a[aria-busy=true] {
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after { [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
opacity: 1; opacity: 1;
-webkit-animation-name: slide; -webkit-animation-name: slide;
animation-name: slide; animation-name: slide;
-webkit-animation-duration: 0.2s; -webkit-animation-duration: 0.2s;
animation-duration: 0.2s; animation-duration: 0.2s;
} }
[data-tooltip]:focus::after, [data-tooltip]:hover::after { [data-tooltip]:focus::after, [data-tooltip]:hover::after {
-webkit-animation-name: slideCaret; -webkit-animation-name: slideCaret;
animation-name: slideCaret; animation-name: slideCaret;
} }
@-webkit-keyframes slide { @-webkit-keyframes slide {
@ -2137,13 +2137,15 @@ textarea,
:not([aria-busy=true])::after { :not([aria-busy=true])::after {
background-attachment: initial !important; background-attachment: initial !important;
-webkit-animation-duration: 1ms !important; -webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important; animation-duration: 1ms !important;
-webkit-animation-delay: -1ms !important; -webkit-animation-delay: -1ms !important;
animation-delay: -1ms !important; animation-delay: -1ms !important;
-webkit-animation-iteration-count: 1 !important; -webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important; animation-iteration-count: 1 !important;
scroll-behavior: auto !important; scroll-behavior: auto !important;
transition-delay: 0s !important; transition-delay: 0s !important;
transition-duration: 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

1
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

1
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

28
css/pico.slim.css
View file

@ -416,8 +416,8 @@ html {
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-moz-tab-size: 4; -moz-tab-size: 4;
-o-tab-size: 4; -o-tab-size: 4;
tab-size: 4; tab-size: 4;
-ms-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
background-color: var(--background-color); background-color: var(--background-color);
color: var(--color); color: var(--color);
@ -591,7 +591,7 @@ a {
background-color: var(--background-color); background-color: var(--background-color);
color: var(--color); color: var(--color);
-webkit-text-decoration: var(--text-decoration); -webkit-text-decoration: var(--text-decoration);
text-decoration: var(--text-decoration); text-decoration: var(--text-decoration);
} }
a:hover, a:active, a:focus { a:hover, a:active, a:focus {
--color: var(--primary-hover); --color: var(--primary-hover);
@ -741,9 +741,9 @@ ol {
padding-right: 0; padding-right: 0;
padding-left: var(--spacing); padding-left: var(--spacing);
-webkit-padding-end: 0; -webkit-padding-end: 0;
padding-inline-end: 0; padding-inline-end: 0;
-webkit-padding-start: var(--spacing); -webkit-padding-start: var(--spacing);
padding-inline-start: var(--spacing); padding-inline-start: var(--spacing);
} }
ul li, ul li,
ol li { ol li {
@ -768,9 +768,9 @@ blockquote {
border-right: none; border-right: none;
border-left: 0.25rem solid var(--blockquote-border-color); border-left: 0.25rem solid var(--blockquote-border-color);
-webkit-border-end: none; -webkit-border-end: none;
border-inline-end: none; border-inline-end: none;
-webkit-border-start: 0.25rem solid var(--blockquote-border-color); -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 { blockquote footer {
margin-top: calc(var(--typography-spacing-vertical) * 0.5); margin-top: calc(var(--typography-spacing-vertical) * 0.5);
@ -1191,8 +1191,8 @@ input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
select, select,
textarea { textarea {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
appearance: none; appearance: none;
padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal); padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);
vertical-align: middle; vertical-align: middle;
} }
@ -1249,9 +1249,9 @@ textarea:not([type=checkbox]):not([type=radio])[aria-invalid] {
padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem); padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-left: var(--form-element-spacing-horizontal); padding-left: var(--form-element-spacing-horizontal);
-webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem); -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); -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-position: center right 0.75rem;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 1rem auto; background-size: 1rem auto;
@ -1320,9 +1320,9 @@ select:not([multiple]):not([size]) {
padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem); padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-left: var(--form-element-spacing-horizontal); padding-left: var(--form-element-spacing-horizontal);
-webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem); -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); -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-image: var(--icon-chevron);
background-position: center right 0.75rem; background-position: center right 0.75rem;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1413,3 +1413,5 @@ textarea,
[dir=rtl] { [dir=rtl] {
direction: 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

1
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

@ -442,3 +442,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-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"); --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

1
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

2
docs/css/pico.docs.css
View file

@ -444,3 +444,5 @@ body > nav ul:first-of-type li:nth-of-type(2) {
right: var(--spacing); right: var(--spacing);
} }
} }
/*# sourceMappingURL=pico.docs.css.map */

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

File diff suppressed because one or more lines are too long

1
docs/css/pico.docs.min.css vendored
View file

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

2892
package-lock.json generated
View file

File diff suppressed because it is too large Load diff

37
package.json
View file

@ -27,33 +27,38 @@
"url": "https://github.com/picocss/pico/issues" "url": "https://github.com/picocss/pico/issues"
}, },
"scripts": { "scripts": {
"css:compile": "sass --style expanded --no-source-map --no-error-css scss/:css/", "watch": "npm-run-all --parallel watch:scss watch:scss:docs watch:js:docs",
"css:compile:docs": "sass --style expanded --no-source-map --no-error-css docs/scss/:docs/css/", "build": "npm-run-all build:css build:js info:postbuild",
"css:prefix": "postcss css/*.css css/*/*.css docs/css/*.css !css/*.min.css !docs/css/*.min.css --use autoprefixer --no-map --replace", "build:css": "npm-run-all info:build:css css:compile css:compile:docs css:prefix info:css:minify css:minify",
"css:minify": "cleancss -O1 --batch --batch-suffix '.min' css/*.css css/*/*.css docs/css/*.css !css/*.min.css !css/*/*.min.css !docs/css/*.min.css", "build:js": "npm-run-all info:build:js js:bundle js:babel info:js:minify js:minify",
"js:bundle": "rollup docs/js/pico.docs.js --file docs/js/pico.docs.min.js --format iife", "css:compile": "sass --style expanded --source-map --embed-sources --no-error-css scss/:css/",
"css:compile:docs": "sass --style expanded --source-map --embed-sources --no-error-css docs/scss/:docs/css/",
"css:prefix": "postcss --config postcss.config.js --replace css/*.css css/*/*.css docs/css/*.css !css/*.min.css !docs/css/*.min.css",
"css:minify": "cleancss -O1 --with-rebase --source-map --source-map-inline-sources --batch --batch-suffix .min css/*.css css/*/*.css docs/css/*.css !css/*.min.css !css/*/*.min.css !docs/css/*.min.css",
"js:bundle": "rollup docs/js/pico.docs.js --file docs/js/pico.docs.min.js --format iife --silent",
"js:babel": "babel docs/js/pico.docs.min.js --out-file docs/js/pico.docs.min.js --presets=@babel/preset-env", "js:babel": "babel docs/js/pico.docs.min.js --out-file docs/js/pico.docs.min.js --presets=@babel/preset-env",
"js:minify": "uglifyjs docs/js/pico.docs.min.js --compress --mangle --output docs/js/pico.docs.min.js", "js:minify": "uglifyjs docs/js/pico.docs.min.js --compress --mangle --output docs/js/pico.docs.min.js",
"build:css": "npm-run-all css:compile css:compile:docs css:prefix css:minify",
"build:js": "npm-run-all js:bundle js:babel js:minify",
"build": "npm-run-all build:css build:js",
"watch:scss": "nodemon --watch scss/ --ext scss --exec 'npm run build:css'", "watch:scss": "nodemon --watch scss/ --ext scss --exec 'npm run build:css'",
"watch:scss:docs": "nodemon --watch docs/scss/ --ext scss --exec 'npm run build:css'", "watch:scss:docs": "nodemon --watch docs/scss/ --ext scss --exec 'npm run build:css'",
"watch:js:docs": "nodemon --watch docs/js/ --ext js --ignore 'docs/js/pico.docs.min.js' --exec 'npm run build:js'", "watch:js:docs": "nodemon --watch docs/js/ --ext js --ignore 'docs/js/pico.docs.min.js' --exec 'npm run build:js'",
"watch": "npm-run-all --parallel watch:scss watch:scss:docs watch:js:docs" "info:build:css": "echo '\\033[32m[picocss/pico] Compile .css files\\033[0m'",
"info:css:minify": "echo '\\033[32m[picocss/pico] Minify .css files\\033[0m'",
"info:build:js": "echo '\\033[32m[picocss/pico] Bundle .js files\\033[0m'",
"info:js:minify": "echo '\\033[32m[picocss/pico] Minify .js file\\033[0m'",
"info:postbuild": "echo '\\033[32m[picocss/pico] Done\\033[0m\n'"
}, },
"devDependencies": { "devDependencies": {
"@babel/cli": "^7.15.7", "@babel/cli": "^7.16.0",
"@babel/core": "^7.15.8", "@babel/core": "^7.16.0",
"@babel/preset-env": "^7.15.8", "@babel/preset-env": "^7.16.0",
"autoprefixer": "^10.3.7", "autoprefixer": "^10.4.0",
"clean-css-cli": "^5.4.2", "clean-css-cli": "^5.4.2",
"nodemon": "^2.0.14", "nodemon": "^2.0.14",
"npm-run-all": "^4.1.5", "npm-run-all": "^4.1.5",
"postcss": "^8.3.6", "postcss": "^8.3.11",
"postcss-cli": "^9.0.1", "postcss-cli": "^9.0.1",
"rollup": "^2.58.0", "rollup": "^2.58.3",
"sass": "^1.43.3", "sass": "^1.43.4",
"uglify-js": "^3.14.2" "uglify-js": "^3.14.2"
} }
} }

12
postcss.config.js Normal file
View file

@ -0,0 +1,12 @@
module.exports = {
map: {
inline: false,
annotation: true,
sourcesContent: true
},
plugins: {
autoprefixer: {
cascade: false
}
}
}