style: selection and focus color

This commit is contained in:
Lucas Larroche 2023-01-28 12:22:55 +07:00
parent dfa4041b77
commit 6c3e126943
13 changed files with 52 additions and 39 deletions

View file

@ -55,7 +55,7 @@
display: block;
padding: var(#{$}spacing);
background: none;
font-size: 14px;
font-size: inherit;
line-height: var(#{$}line-height);
}
}

View file

@ -30,7 +30,7 @@
}
&:focus-visible {
#{$✨}background-color: var(#{$}primary-focus);
box-shadow: 0 0 0 var(#{$}outline-width) var(#{$}primary-focus);
}
@if $enable-classes {
@ -43,10 +43,6 @@
#{$✨}color: var(#{$}secondary-hover);
#{$✨}underline: var(#{$}secondary-underline-hover);
}
&:focus-visible {
#{$✨}background-color: var(#{$}secondary-focus);
}
}
// Contrast
@ -58,10 +54,6 @@
#{$✨}color: var(#{$}contrast-hover);
#{$✨}underline: var(#{$}contrast-underline-hover);
}
&:focus-visible {
#{$✨}background-color: var(#{$}contrast-focus);
}
}
}
}

View file

@ -210,6 +210,6 @@
// selection
::selection {
background-color: var(#{$}primary-focus);
background-color: var(#{$}text-selection-color);
}
}