mirror of
https://github.com/picocss/pico.git
synced 2025-04-23 18:06:14 -04:00
chore(form): Optimize selectors
This commit is contained in:
parent
169c2414d8
commit
794602a9b7
15 changed files with 32 additions and 70 deletions
|
@ -1331,11 +1331,7 @@ input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[
|
|||
opacity: 0;
|
||||
}
|
||||
|
||||
[dir=rtl] [type=date],
|
||||
[dir=rtl] [type=datetime-local],
|
||||
[dir=rtl] [type=month],
|
||||
[dir=rtl] [type=time],
|
||||
[dir=rtl] [type=week] {
|
||||
[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
@ -1346,10 +1342,6 @@ input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[
|
|||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
[type=file]:hover, [type=file]:active, [type=file]:focus {
|
||||
border: none;
|
||||
background: none;
|
||||
}
|
||||
[type=file]::-webkit-file-upload-button {
|
||||
--background-color: var(--secondary);
|
||||
--border-color: var(--secondary);
|
||||
|
@ -1399,11 +1391,11 @@ input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[
|
|||
cursor: pointer;
|
||||
transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
|
||||
}
|
||||
[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {
|
||||
[type=file]::-webkit-file-upload-button:is(:hover, :active, :focus) {
|
||||
--background-color: var(--secondary-hover);
|
||||
--border-color: var(--secondary-hover);
|
||||
}
|
||||
[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {
|
||||
[type=file]::file-selector-button:is(:hover, :active, :focus) {
|
||||
--background-color: var(--secondary-hover);
|
||||
--border-color: var(--secondary-hover);
|
||||
}
|
||||
|
@ -1432,7 +1424,7 @@ input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[
|
|||
-webkit-transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
|
||||
transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
|
||||
}
|
||||
[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {
|
||||
[type=file]::-webkit-file-upload-button:is(:hover, :active, :focus) {
|
||||
--background-color: var(--secondary-hover);
|
||||
--border-color: var(--secondary-hover);
|
||||
}
|
||||
|
@ -1459,7 +1451,7 @@ input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[
|
|||
-ms-transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
|
||||
transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
|
||||
}
|
||||
[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {
|
||||
[type=file]::-ms-browse:is(:hover, :active, :focus) {
|
||||
--background-color: var(--secondary-hover);
|
||||
--border-color: var(--secondary-hover);
|
||||
}
|
||||
|
|
File diff suppressed because one or more lines are too long
2
css/pico.classless.min.css
vendored
2
css/pico.classless.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
18
css/pico.css
18
css/pico.css
|
@ -1475,11 +1475,7 @@ input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[
|
|||
opacity: 0;
|
||||
}
|
||||
|
||||
[dir=rtl] [type=date],
|
||||
[dir=rtl] [type=datetime-local],
|
||||
[dir=rtl] [type=month],
|
||||
[dir=rtl] [type=time],
|
||||
[dir=rtl] [type=week] {
|
||||
[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
@ -1490,10 +1486,6 @@ input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[
|
|||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
[type=file]:hover, [type=file]:active, [type=file]:focus {
|
||||
border: none;
|
||||
background: none;
|
||||
}
|
||||
[type=file]::-webkit-file-upload-button {
|
||||
--background-color: var(--secondary);
|
||||
--border-color: var(--secondary);
|
||||
|
@ -1543,11 +1535,11 @@ input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[
|
|||
cursor: pointer;
|
||||
transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
|
||||
}
|
||||
[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {
|
||||
[type=file]::-webkit-file-upload-button:is(:hover, :active, :focus) {
|
||||
--background-color: var(--secondary-hover);
|
||||
--border-color: var(--secondary-hover);
|
||||
}
|
||||
[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {
|
||||
[type=file]::file-selector-button:is(:hover, :active, :focus) {
|
||||
--background-color: var(--secondary-hover);
|
||||
--border-color: var(--secondary-hover);
|
||||
}
|
||||
|
@ -1576,7 +1568,7 @@ input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[
|
|||
-webkit-transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
|
||||
transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
|
||||
}
|
||||
[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {
|
||||
[type=file]::-webkit-file-upload-button:is(:hover, :active, :focus) {
|
||||
--background-color: var(--secondary-hover);
|
||||
--border-color: var(--secondary-hover);
|
||||
}
|
||||
|
@ -1603,7 +1595,7 @@ input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[
|
|||
-ms-transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
|
||||
transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
|
||||
}
|
||||
[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {
|
||||
[type=file]::-ms-browse:is(:hover, :active, :focus) {
|
||||
--background-color: var(--secondary-hover);
|
||||
--border-color: var(--secondary-hover);
|
||||
}
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -1301,11 +1301,7 @@ input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[
|
|||
opacity: 0;
|
||||
}
|
||||
|
||||
[dir=rtl] [type=date],
|
||||
[dir=rtl] [type=datetime-local],
|
||||
[dir=rtl] [type=month],
|
||||
[dir=rtl] [type=time],
|
||||
[dir=rtl] [type=week] {
|
||||
[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
@ -1316,10 +1312,6 @@ input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[
|
|||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
[type=file]:hover, [type=file]:active, [type=file]:focus {
|
||||
border: none;
|
||||
background: none;
|
||||
}
|
||||
[type=file]::-webkit-file-upload-button {
|
||||
--background-color: var(--secondary);
|
||||
--border-color: var(--secondary);
|
||||
|
@ -1369,11 +1361,11 @@ input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[
|
|||
cursor: pointer;
|
||||
transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
|
||||
}
|
||||
[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {
|
||||
[type=file]::-webkit-file-upload-button:is(:hover, :active, :focus) {
|
||||
--background-color: var(--secondary-hover);
|
||||
--border-color: var(--secondary-hover);
|
||||
}
|
||||
[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {
|
||||
[type=file]::file-selector-button:is(:hover, :active, :focus) {
|
||||
--background-color: var(--secondary-hover);
|
||||
--border-color: var(--secondary-hover);
|
||||
}
|
||||
|
@ -1402,7 +1394,7 @@ input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[
|
|||
-webkit-transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
|
||||
transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
|
||||
}
|
||||
[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {
|
||||
[type=file]::-webkit-file-upload-button:is(:hover, :active, :focus) {
|
||||
--background-color: var(--secondary-hover);
|
||||
--border-color: var(--secondary-hover);
|
||||
}
|
||||
|
@ -1429,7 +1421,7 @@ input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[
|
|||
-ms-transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
|
||||
transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
|
||||
}
|
||||
[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {
|
||||
[type=file]::-ms-browse:is(:hover, :active, :focus) {
|
||||
--background-color: var(--secondary-hover);
|
||||
--border-color: var(--secondary-hover);
|
||||
}
|
||||
|
|
File diff suppressed because one or more lines are too long
2
css/pico.fluid.classless.min.css
vendored
2
css/pico.fluid.classless.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
2
css/pico.min.css
vendored
2
css/pico.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Add table
Add a link
Reference in a new issue