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

Merge pull request #50 from picocss/enhance-scripts

Browse source 
Enhance scripts
This commit is contained in:
Lucas Larroche 2021-10-31 08:48:58 +07:00 • committed by GitHub
commit cea5c8c04c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
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-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);
@ -617,7 +617,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);
@ -752,9 +752,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 {
@ -779,9 +779,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);
@ -1067,8 +1067,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;
}
@ -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-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;
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;
@ -1201,9 +1201,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;
@ -1243,9 +1243,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;
@ -1326,9 +1326,9 @@ 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);
@ -1405,9 +1405,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);
@ -1430,9 +1430,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);
@ -1462,9 +1462,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);
@ -1939,7 +1939,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;
@ -1983,7 +1983,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);
}
@ -1991,9 +1991,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;
@ -2065,13 +2065,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 {
@ -2167,13 +2167,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

3
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-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);
@ -642,7 +642,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);
@ -795,9 +795,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 {
@ -822,9 +822,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);
@ -1246,8 +1246,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;
}
@ -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-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;
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;
@ -1380,9 +1380,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;
@ -1422,9 +1422,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;
@ -1505,9 +1505,9 @@ 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);
@ -1584,9 +1584,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);
@ -1609,9 +1609,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);
@ -1641,9 +1641,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);
@ -2118,7 +2118,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;
@ -2162,7 +2162,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);
}
@ -2170,9 +2170,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;
@ -2244,13 +2244,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 {
@ -2346,13 +2346,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

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

@ -467,8 +467,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);
@ -587,7 +587,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);
@ -722,9 +722,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 {
@ -749,9 +749,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);
@ -1037,8 +1037,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;
}
@ -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-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;
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;
@ -1171,9 +1171,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;
@ -1213,9 +1213,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;
@ -1296,9 +1296,9 @@ 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);
@ -1375,9 +1375,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);
@ -1400,9 +1400,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);
@ -1432,9 +1432,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);
@ -1909,7 +1909,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;
@ -1953,7 +1953,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);
}
@ -1961,9 +1961,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;
@ -2035,13 +2035,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 {
@ -2137,13 +2137,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

3
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

3
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-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);
@ -591,7 +591,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);
@ -741,9 +741,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 {
@ -768,9 +768,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);
@ -1191,8 +1191,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;
}
@ -1249,9 +1249,9 @@ 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;
@ -1320,9 +1320,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;
@ -1413,3 +1413,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

3
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-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

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);
}
}
/*# 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

3
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"
},
"scripts": {
"css:compile": "sass --style expanded --no-source-map --no-error-css scss/:css/",
"css:compile:docs": "sass --style expanded --no-source-map --no-error-css docs/scss/:docs/css/",
"css:prefix": "postcss css/*.css css/*/*.css docs/css/*.css !css/*.min.css !docs/css/*.min.css --use autoprefixer --no-map --replace",
"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",
"js:bundle": "rollup docs/js/pico.docs.js --file docs/js/pico.docs.min.js --format iife",
"watch": "npm-run-all --parallel watch:scss watch:scss:docs watch:js:docs",
"build": "npm-run-all build:css build:js info:postbuild",
"build:css": "npm-run-all info:build:css css:compile css:compile:docs css:prefix info:css:minify css:minify",
"build:js": "npm-run-all info:build:js js:bundle js:babel info:js:minify js:minify",
"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: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: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": "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": {
"@babel/cli": "^7.15.7",
"@babel/core": "^7.15.8",
"@babel/preset-env": "^7.15.8",
"autoprefixer": "^10.3.7",
"@babel/cli": "^7.16.0",
"@babel/core": "^7.16.0",
"@babel/preset-env": "^7.16.0",
"autoprefixer": "^10.4.0",
"clean-css-cli": "^5.4.2",
"nodemon": "^2.0.14",
"npm-run-all": "^4.1.5",
"postcss": "^8.3.6",
"postcss": "^8.3.11",
"postcss-cli": "^9.0.1",
"rollup": "^2.58.0",
"sass": "^1.43.3",
"rollup": "^2.58.3",
"sass": "^1.43.4",
"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
}
}
}