Add none theme

Fixes atomiks#1120
segevfiner · Apr 16, 2023 · 2f31294 · 2f31294
1 parent ad85f6f
commit 2f31294
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 0 deletions.
diff --git a/build/themes/none.js b/build/themes/none.js
@@ -0,0 +1 @@
+import '../../src/scss/themes/none.scss';
diff --git a/src/scss/themes/none.scss b/src/scss/themes/none.scss
@@ -0,0 +1,33 @@
+@import '../_mixins.scss';
+@import '../_vars.scss';
+
+$color: transparent;
+
+.#{$namespace-prefix}-box[data-theme~='none'] {
+  color: inherit;
+  background-color: $color;
+
+  &[data-placement^='top'] > .#{$namespace-prefix}-arrow::before {
+    border-top-color: $color;
+  }
+
+  &[data-placement^='bottom'] > .#{$namespace-prefix}-arrow::before {
+    border-bottom-color: $color;
+  }
+
+  &[data-placement^='left'] > .#{$namespace-prefix}-arrow::before {
+    border-left-color: $color;
+  }
+
+  &[data-placement^='right'] > .#{$namespace-prefix}-arrow::before {
+    border-right-color: $color;
+  }
+
+  > .#{$namespace-prefix}-backdrop {
+    background-color: $color;
+  }
+
+  > .#{$namespace-prefix}-svg-arrow {
+    fill: $color;
+  }
+}