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

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

12
scss/content/_button.scss
View file

@ -63,8 +63,8 @@
}
&:is([aria-current], :hover, :active, :focus) {
#{$✨}background-color: var(#{$✨}primary-background-hover);
#{$✨}border-color: var(#{$✨}primary-border-hover);
#{$✨}background-color: var(#{$✨}primary-hover-background);
#{$✨}border-color: var(#{$✨}primary-hover-border);
#{$✨}box-shadow: var(#{$✨}button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
#{$✨}color: var(#{$✨}primary-inverse);
}
@ -93,8 +93,8 @@
cursor: pointer;
&:is([aria-current], :hover, :active, :focus) {
#{$✨}background-color: var(#{$✨}secondary-background-hover);
#{$✨}border-color: var(#{$✨}secondary-border-hover);
#{$✨}background-color: var(#{$✨}secondary-hover-background);
#{$✨}border-color: var(#{$✨}secondary-hover-border);
#{$✨}color: var(#{$✨}secondary-inverse);
}
@ -111,8 +111,8 @@
#{$✨}color: var(#{$✨}contrast-inverse);
&:is([aria-current], :hover, :active, :focus) {
#{$✨}background-color: var(#{$✨}contrast-background-hover);
#{$✨}border-color: var(#{$✨}contrast-border-hover);
#{$✨}background-color: var(#{$✨}contrast-hover-background);
#{$✨}border-color: var(#{$✨}contrast-hover-border);
#{$✨}color: var(#{$✨}contrast-inverse);
}

6
scss/content/_link.scss
View file

@ -25,7 +25,7 @@
&:is([aria-current], :hover, :active, :focus) {
#{$✨}color: var(#{$✨}primary-hover);
#{$✨}underline: var(#{$✨}primary-underline-hover);
#{$✨}underline: var(#{$✨}primary-hover-underline);
#{$✨}text-decoration: underline;
}
@ -41,7 +41,7 @@
&:is([aria-current], :hover, :active, :focus) {
#{$✨}color: var(#{$✨}secondary-hover);
#{$✨}underline: var(#{$✨}secondary-underline-hover);
#{$✨}underline: var(#{$✨}secondary-hover-underline);
}
}
@ -52,7 +52,7 @@
&:is([aria-current], :hover, :active, :focus) {
#{$✨}color: var(#{$✨}contrast-hover);
#{$✨}underline: var(#{$✨}contrast-underline-hover);
#{$✨}underline: var(#{$✨}contrast-hover-underline);
}
}
}