mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-05-01 05:19:13 -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/themes/default/_styles.scss
View file

@ -383,8 +383,12 @@
[role="search"],
[role="group"] {
#{$✨}group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
#{$✨}group-box-shadow-with-button: 0 0 0 var(#{$✨}outline-width) var(#{$✨}primary-focus);
#{$✨}group-box-shadow-with-input: 0 0 0 0.0625rem var(#{$✨}form-element-border-color);
#{$✨}group-box-shadow-focus-with-button: 0
0
0
var(#{$✨}outline-width)
var(#{$✨}primary-focus);
#{$✨}group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(#{$✨}form-element-border-color);
@if $enable-classes {
&:has(
@ -393,7 +397,7 @@
[type="button"].secondary:focus,
[role="button"].secondary:focus
) {
#{$✨}group-box-shadow-with-button: 0
#{$✨}group-box-shadow-focus-with-button: 0
0
0
var(#{$✨}outline-width)
@ -406,7 +410,7 @@
[type="button"].contrast:focus,
[role="button"].contrast:focus
) {
#{$✨}group-box-shadow-with-button: 0
#{$✨}group-box-shadow-focus-with-button: 0
0
0
var(#{$✨}outline-width)