refactor: group CSS vars

picocss · lucaslarroche · Feb 11, 2024 · Oct 22, 2022 · Oct 22, 2022 · Oct 22, 2022
commit 1dfbf848339da7a6c6c243639c21718eb0657da9
diff --git a/css/pico.classless.css b/css/pico.classless.css
diff --git a/css/pico.classless.css.map b/css/pico.classless.css.map
diff --git a/css/pico.classless.min.css b/css/pico.classless.min.css
diff --git a/css/pico.css b/css/pico.css
diff --git a/css/pico.css.map b/css/pico.css.map
diff --git a/css/pico.fluid.classless.css b/css/pico.fluid.classless.css
diff --git a/css/pico.fluid.classless.css.map b/css/pico.fluid.classless.css.map
diff --git a/css/pico.fluid.classless.min.css b/css/pico.fluid.classless.min.css
diff --git a/css/pico.min.css b/css/pico.min.css
diff --git a/scss/themes/default/_styles.scss b/scss/themes/default/_styles.scss
@@ -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,