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

chore: build

Browse source
This commit is contained in:
Lucas Larroche 2023-02-19 10:30:07 +07:00
parent 32b91e171c
commit 923957ccb9
6 changed files with 39 additions and 200 deletions
Download patch file Download diff file Expand all files Collapse all files

111
css/pico.classless.css
View file

@ -974,6 +974,7 @@ button,
input[type=submit], input[type=submit],
input[type=reset], input[type=reset],
input[type=button], input[type=button],
input[type=file]::file-selector-button,
[role=button] { [role=button] {
--pico-background-color: var(--pico-primary-background); --pico-background-color: var(--pico-primary-background);
--pico-border-color: var(--pico-primary-border); --pico-border-color: var(--pico-primary-border);
@ -1000,6 +1001,7 @@ button:is([aria-current], :hover, :active, :focus),
input[type=submit]:is([aria-current], :hover, :active, :focus), input[type=submit]:is([aria-current], :hover, :active, :focus),
input[type=reset]:is([aria-current], :hover, :active, :focus), input[type=reset]:is([aria-current], :hover, :active, :focus),
input[type=button]:is([aria-current], :hover, :active, :focus), input[type=button]:is([aria-current], :hover, :active, :focus),
input[type=file]::file-selector-button:is([aria-current], :hover, :active, :focus),
[role=button]:is([aria-current], :hover, :active, :focus) { [role=button]:is([aria-current], :hover, :active, :focus) {
--pico-background-color: var(--pico-primary-background-hover); --pico-background-color: var(--pico-primary-background-hover);
--pico-border-color: var(--pico-primary-border-hover); --pico-border-color: var(--pico-primary-border-hover);
@ -1010,21 +1012,25 @@ button:focus,
input[type=submit]:focus, input[type=submit]:focus,
input[type=reset]:focus, input[type=reset]:focus,
input[type=button]:focus, input[type=button]:focus,
input[type=file]::file-selector-button:focus,
[role=button]:focus { [role=button]:focus {
--pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), 0 0 0 var(--pico-outline-width) var(--pico-primary-focus); --pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
} }
input[type=reset] { input[type=reset],
input[type=file]::file-selector-button {
--pico-background-color: var(--pico-secondary); --pico-background-color: var(--pico-secondary);
--pico-border-color: var(--pico-secondary); --pico-border-color: var(--pico-secondary);
--pico-color: var(--pico-secondary-inverse); --pico-color: var(--pico-secondary-inverse);
cursor: pointer; cursor: pointer;
} }
input[type=reset]:is([aria-current], :hover, :active, :focus) { input[type=reset]:is([aria-current], :hover, :active, :focus),
input[type=file]::file-selector-button:is([aria-current], :hover, :active, :focus) {
--pico-background-color: var(--pico-secondary-hover); --pico-background-color: var(--pico-secondary-hover);
--pico-border-color: var(--pico-secondary-hover); --pico-border-color: var(--pico-secondary-hover);
} }
input[type=reset]:focus { input[type=reset]:focus,
input[type=file]::file-selector-button:focus {
--pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), 0 0 0 var(--pico-outline-width) var(--pico-secondary-focus); --pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), 0 0 0 var(--pico-outline-width) var(--pico-secondary-focus);
} }
@ -1578,110 +1584,25 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
/** /**
* Input type file * Input type file
*/ */
[type=file] { input[type=file] {
--pico-color: var(--pico-muted-color); --pico-color: var(--pico-muted-color);
z-index: 1; margin-left: calc(var(--pico-outline-width) * -1);
position: relative;
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0; padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
padding-left: var(--pico-outline-width);
border: 0; border: 0;
border-radius: 0; border-radius: 0;
background: none; background: none;
} }
[type=file]::file-selector-button { input[type=file]::file-selector-button {
--pico-background-color: var(--pico-secondary-background);
--pico-border-color: var(--pico-secondary-border);
--pico-color: var(--pico-secondary-inverse);
margin-right: calc(var(--pico-spacing) / 2); margin-right: calc(var(--pico-spacing) / 2);
margin-left: 0;
-webkit-margin-start: 0;
margin-inline-start: 0;
-webkit-margin-end: calc(var(--pico-spacing) / 2);
margin-inline-end: calc(var(--pico-spacing) / 2);
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal); padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
outline: none;
background-color: var(--pico-background-color);
box-shadow: var(--pico-box-shadow);
color: var(--pico-color);
font-weight: var(--pico-font-weight);
font-size: 1rem;
line-height: var(--pico-line-height);
text-align: center;
cursor: pointer;
transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition);
} }
[type=file]::file-selector-button:is(:hover, :active, :focus) { input[type=file]:is(:hover, :active, :focus)::file-selector-button {
--pico-background-color: var(--pico-secondary-background-hover); --pico-background-color: var(--pico-secondary-background-hover);
--pico-border-color: var(--pico-secondary-border-hover); --pico-border-color: var(--pico-secondary-border-hover);
} }
[type=file]::-webkit-file-upload-button { input[type=file]:focus::file-selector-button {
--pico-background-color: var(--pico-secondary-background); --pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), 0 0 0 var(--pico-outline-width) var(--pico-secondary-focus);
--pico-border-color: var(--pico-secondary-border);
--pico-color: var(--pico-secondary-inverse);
margin-right: calc(var(--pico-spacing) / 2);
margin-left: 0;
-webkit-margin-start: 0;
margin-inline-start: 0;
-webkit-margin-end: calc(var(--pico-spacing) / 2);
margin-inline-end: calc(var(--pico-spacing) / 2);
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
outline: none;
background-color: var(--pico-background-color);
box-shadow: var(--pico-box-shadow);
color: var(--pico-color);
font-weight: var(--pico-font-weight);
font-size: 1rem;
line-height: var(--pico-line-height);
text-align: center;
cursor: pointer;
-webkit-transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition);
transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition);
}
[type=file]::-webkit-file-upload-button:is(:hover, :active, :focus) {
--pico-background-color: var(--pico-secondary-background-hover);
--pico-border-color: var(--pico-secondary-border-hover);
}
[type=file]::-ms-browse {
--pico-background-color: var(--pico-secondary-background);
--pico-border-color: var(--pico-secondary-border);
--pico-color: var(--pico-secondary-inverse);
margin-right: calc(var(--pico-spacing) / 2);
margin-left: 0;
margin-inline-start: 0;
margin-inline-end: calc(var(--pico-spacing) / 2);
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
outline: none;
background-color: var(--pico-background-color);
box-shadow: var(--pico-box-shadow);
color: var(--pico-color);
font-weight: var(--pico-font-weight);
font-size: 1rem;
line-height: var(--pico-line-height);
text-align: center;
cursor: pointer;
-ms-transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition);
transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition);
}
[type=file]::-ms-browse:is(:hover, :active, :focus) {
--pico-background-color: var(--pico-secondary-background-hover);
--pico-border-color: var(--pico-secondary-border-hover);
}
[type=file]:is(:hover, :active, :focus)::file-selector-button {
--pico-background-color: var(--pico-secondary-background-hover);
--pico-border-color: var(--pico-secondary-border-hover);
}
[type=file]:is(:hover, :active, :focus)::-webkit-file-upload-button {
--pico-background-color: var(--pico-secondary-background-hover);
--pico-border-color: var(--pico-secondary-border-hover);
}
[type=file]:is(:hover, :active, :focus)::-ms-browse {
--pico-background-color: var(--pico-secondary-background-hover);
--pico-border-color: var(--pico-secondary-border-hover);
} }
/** /**

2
css/pico.classless.css.map
View file

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

120
css/pico.css
View file

@ -867,16 +867,13 @@ h6 {
margin-top: var(--pico-typography-spacing-top); margin-top: var(--pico-typography-spacing-top);
} }
hgroup, hgroup {
.headings {
margin-bottom: var(--pico-typography-spacing-vertical); margin-bottom: var(--pico-typography-spacing-vertical);
} }
hgroup > *, hgroup > * {
.headings > * {
margin-bottom: 0; margin-bottom: 0;
} }
hgroup > *:last-child, hgroup > *:last-child {
.headings > *:last-child {
--pico-color: var(--pico-muted-color); --pico-color: var(--pico-muted-color);
--pico-font-weight: unset; --pico-font-weight: unset;
font-size: 1rem; font-size: 1rem;
@ -1021,6 +1018,7 @@ button,
input[type=submit], input[type=submit],
input[type=reset], input[type=reset],
input[type=button], input[type=button],
input[type=file]::file-selector-button,
[role=button] { [role=button] {
--pico-background-color: var(--pico-primary-background); --pico-background-color: var(--pico-primary-background);
--pico-border-color: var(--pico-primary-border); --pico-border-color: var(--pico-primary-border);
@ -1047,6 +1045,7 @@ button:is([aria-current], :hover, :active, :focus),
input[type=submit]:is([aria-current], :hover, :active, :focus), input[type=submit]:is([aria-current], :hover, :active, :focus),
input[type=reset]:is([aria-current], :hover, :active, :focus), input[type=reset]:is([aria-current], :hover, :active, :focus),
input[type=button]:is([aria-current], :hover, :active, :focus), input[type=button]:is([aria-current], :hover, :active, :focus),
input[type=file]::file-selector-button:is([aria-current], :hover, :active, :focus),
[role=button]:is([aria-current], :hover, :active, :focus) { [role=button]:is([aria-current], :hover, :active, :focus) {
--pico-background-color: var(--pico-primary-background-hover); --pico-background-color: var(--pico-primary-background-hover);
--pico-border-color: var(--pico-primary-border-hover); --pico-border-color: var(--pico-primary-border-hover);
@ -1057,25 +1056,29 @@ button:focus,
input[type=submit]:focus, input[type=submit]:focus,
input[type=reset]:focus, input[type=reset]:focus,
input[type=button]:focus, input[type=button]:focus,
input[type=file]::file-selector-button:focus,
[role=button]:focus { [role=button]:focus {
--pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), 0 0 0 var(--pico-outline-width) var(--pico-primary-focus); --pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
} }
:is(button, input[type=submit], input[type=button], [role=button]).secondary, :is(button, input[type=submit], input[type=button], [role=button]).secondary,
input[type=reset] { input[type=reset],
input[type=file]::file-selector-button {
--pico-background-color: var(--pico-secondary-background); --pico-background-color: var(--pico-secondary-background);
--pico-border-color: var(--pico-secondary-border); --pico-border-color: var(--pico-secondary-border);
--pico-color: var(--pico-secondary-inverse); --pico-color: var(--pico-secondary-inverse);
cursor: pointer; cursor: pointer;
} }
:is(button, input[type=submit], input[type=button], [role=button]).secondary:is([aria-current], :hover, :active, :focus), :is(button, input[type=submit], input[type=button], [role=button]).secondary:is([aria-current], :hover, :active, :focus),
input[type=reset]:is([aria-current], :hover, :active, :focus) { input[type=reset]:is([aria-current], :hover, :active, :focus),
input[type=file]::file-selector-button:is([aria-current], :hover, :active, :focus) {
--pico-background-color: var(--pico-secondary-background-hover); --pico-background-color: var(--pico-secondary-background-hover);
--pico-border-color: var(--pico-secondary-border-hover); --pico-border-color: var(--pico-secondary-border-hover);
--pico-color: var(--pico-secondary-inverse); --pico-color: var(--pico-secondary-inverse);
} }
:is(button, input[type=submit], input[type=button], [role=button]).secondary:focus, :is(button, input[type=submit], input[type=button], [role=button]).secondary:focus,
input[type=reset]:focus { input[type=reset]:focus,
input[type=file]::file-selector-button:focus {
--pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), 0 0 0 var(--pico-outline-width) var(--pico-secondary-focus); --pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), 0 0 0 var(--pico-outline-width) var(--pico-secondary-focus);
} }
@ -1672,110 +1675,25 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
/** /**
* Input type file * Input type file
*/ */
[type=file] { input[type=file] {
--pico-color: var(--pico-muted-color); --pico-color: var(--pico-muted-color);
z-index: 1; margin-left: calc(var(--pico-outline-width) * -1);
position: relative;
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0; padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
padding-left: var(--pico-outline-width);
border: 0; border: 0;
border-radius: 0; border-radius: 0;
background: none; background: none;
} }
[type=file]::file-selector-button { input[type=file]::file-selector-button {
--pico-background-color: var(--pico-secondary-background);
--pico-border-color: var(--pico-secondary-border);
--pico-color: var(--pico-secondary-inverse);
margin-right: calc(var(--pico-spacing) / 2); margin-right: calc(var(--pico-spacing) / 2);
margin-left: 0;
-webkit-margin-start: 0;
margin-inline-start: 0;
-webkit-margin-end: calc(var(--pico-spacing) / 2);
margin-inline-end: calc(var(--pico-spacing) / 2);
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal); padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
outline: none;
background-color: var(--pico-background-color);
box-shadow: var(--pico-box-shadow);
color: var(--pico-color);
font-weight: var(--pico-font-weight);
font-size: 1rem;
line-height: var(--pico-line-height);
text-align: center;
cursor: pointer;
transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition);
} }
[type=file]::file-selector-button:is(:hover, :active, :focus) { input[type=file]:is(:hover, :active, :focus)::file-selector-button {
--pico-background-color: var(--pico-secondary-background-hover); --pico-background-color: var(--pico-secondary-background-hover);
--pico-border-color: var(--pico-secondary-border-hover); --pico-border-color: var(--pico-secondary-border-hover);
} }
[type=file]::-webkit-file-upload-button { input[type=file]:focus::file-selector-button {
--pico-background-color: var(--pico-secondary-background); --pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), 0 0 0 var(--pico-outline-width) var(--pico-secondary-focus);
--pico-border-color: var(--pico-secondary-border);
--pico-color: var(--pico-secondary-inverse);
margin-right: calc(var(--pico-spacing) / 2);
margin-left: 0;
-webkit-margin-start: 0;
margin-inline-start: 0;
-webkit-margin-end: calc(var(--pico-spacing) / 2);
margin-inline-end: calc(var(--pico-spacing) / 2);
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
outline: none;
background-color: var(--pico-background-color);
box-shadow: var(--pico-box-shadow);
color: var(--pico-color);
font-weight: var(--pico-font-weight);
font-size: 1rem;
line-height: var(--pico-line-height);
text-align: center;
cursor: pointer;
-webkit-transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition);
transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition);
}
[type=file]::-webkit-file-upload-button:is(:hover, :active, :focus) {
--pico-background-color: var(--pico-secondary-background-hover);
--pico-border-color: var(--pico-secondary-border-hover);
}
[type=file]::-ms-browse {
--pico-background-color: var(--pico-secondary-background);
--pico-border-color: var(--pico-secondary-border);
--pico-color: var(--pico-secondary-inverse);
margin-right: calc(var(--pico-spacing) / 2);
margin-left: 0;
margin-inline-start: 0;
margin-inline-end: calc(var(--pico-spacing) / 2);
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
outline: none;
background-color: var(--pico-background-color);
box-shadow: var(--pico-box-shadow);
color: var(--pico-color);
font-weight: var(--pico-font-weight);
font-size: 1rem;
line-height: var(--pico-line-height);
text-align: center;
cursor: pointer;
-ms-transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition);
transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition);
}
[type=file]::-ms-browse:is(:hover, :active, :focus) {
--pico-background-color: var(--pico-secondary-background-hover);
--pico-border-color: var(--pico-secondary-border-hover);
}
[type=file]:is(:hover, :active, :focus)::file-selector-button {
--pico-background-color: var(--pico-secondary-background-hover);
--pico-border-color: var(--pico-secondary-border-hover);
}
[type=file]:is(:hover, :active, :focus)::-webkit-file-upload-button {
--pico-background-color: var(--pico-secondary-background-hover);
--pico-border-color: var(--pico-secondary-border-hover);
}
[type=file]:is(:hover, :active, :focus)::-ms-browse {
--pico-background-color: var(--pico-secondary-background-hover);
--pico-border-color: var(--pico-secondary-border-hover);
} }
/** /**

2
css/pico.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.min.css vendored
View file

File diff suppressed because one or more lines are too long