refactor: group CSS vars

This commit is contained in:
Lucas Larroche 2023-04-10 10:48:10 +07:00
parent 4f2f597f9f
commit 1dfbf84833
10 changed files with 26 additions and 32 deletions

View file

@ -71,6 +71,17 @@
#{$✨}form-label-font-weight: var(#{$}font-weight);
}
// Group (role="group")
@if map.get($modules, "components/group") {
#{$✨}group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
#{$}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);
}
// Modal (<dialog>)
@if map.get($modules, "components/modal") {
#{$✨}modal-overlay-backdrop-filter: blur(0.375rem);
@ -382,14 +393,6 @@
[role="search"],
[role="group"] {
#{$✨}group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
#{$}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(
button.secondary:focus,