feat: allow the use of :host in variable definitions (#31)

oruga-ui · Jul 13, 2024 · e76de34 · e76de34
1 parent 3d891c5
commit e76de34
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/assets/scss/utils/_root.scss b/src/assets/scss/utils/_root.scss
@@ -1,10 +1,18 @@
 @use "sass:list";
 
+@mixin root() {
+  $host-selector: if($enable-host, ":host", ":root");
+
+  #{$host-selector} {
+    @content;
+  }
+}
+
 /*******************************
 *   Root variables extensions
 ********************************/
 
-:root {
+@include root() {
   // define color variables
   @each $name, $color in $colors {
     @if type-of($color) == list {

diff --git a/src/assets/scss/utils/_variables.scss b/src/assets/scss/utils/_variables.scss
@@ -4,6 +4,7 @@
 
 // Settings
 $prefix: "oruga-" !default;
+$enable-host: false !default;
 
 // Animations
 $animation-speed: 150ms !default;