feat(core): add default component mixin

siemens · May 24, 2023 · dbecd00 · dbecd00
1 parent 18a600a
commit dbecd00
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 4 deletions.
diff --git a/packages/core/scss/mixins/shadow-dom/_component.scss b/packages/core/scss/mixins/shadow-dom/_component.scss
@@ -0,0 +1,15 @@
+/*
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+@mixin ix-component() {
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+}
diff --git a/packages/core/scss/mixins/shadow-dom/_hover.scss b/packages/core/scss/mixins/shadow-dom/_hover.scss
@@ -7,13 +7,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 @mixin ghost-hover-pressed {
-  :host:not(.disabled):not(:disabled).hover,
-  :host:not(.disabled):not(:disabled):hover {
+  :host(:not(.disabled):not(:disabled).hover),
+  :host(:not(.disabled):not(:disabled):hover) {
     background-color: var(--theme-ghost--background--hover);
   }
 
-  :host:not(.disabled):not(:disabled).active,
-  :host:not(.disabled):not(:disabled):active {
+  :host(:not(.disabled):not(:disabled).active),
+  :host(:not(.disabled):not(:disabled):active) {
     background-color: var(--theme-ghost--background--active);
   }
 }