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

refactor: CSS vars

Browse source
This commit is contained in:
Lucas Larroche 2023-04-02 11:04:23 +07:00
parent 435e731d82
commit d407df3c23
16 changed files with 231 additions and 227 deletions
Download patch file Download diff file Expand all files Collapse all files

6
scss/components/_group.scss
View file

@ -83,12 +83,12 @@
@supports selector(:has(*)) {
// Group box shadow when a button is focused
&:has(button:focus, [type="submit"]:focus, [type="button"]:focus, [role="button"]:focus) {
#{$✨}group-box-shadow: var(#{$✨}group-box-shadow-with-button);
#{$✨}group-box-shadow: var(#{$✨}group-box-shadow-focus-with-button);
}
// Group box shadow when an input is focused
&:has(input:not([type="submit"], [type="button"]):focus, select:focus) {
#{$✨}group-box-shadow: var(#{$✨}group-box-shadow-with-input);
#{$✨}group-box-shadow: var(#{$✨}group-box-shadow-focus-with-input);
// Adapt box shadow for buttons
button,
@ -97,7 +97,7 @@
[role="button"] {
#{$✨}button-box-shadow: 0 0 0 var(#{$✨}border-width) var(#{$✨}primary-border);
#{$✨}button-hover-box-shadow: 0 0 0 var(#{$✨}border-width)
var(#{$✨}primary-border-hover);
var(#{$✨}primary-hover-border);
}
}