Merge pull request #183 from cosmology-tech/fix/temp-disable-css-layers

fix: temp disable css layers
hyperweb-io · Apr 23, 2024 · 86a834f · 86a834f
2 parents 417b0cf + 6fb9dac
commit 86a834f
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 33 deletions.
diff --git a/src/ui/button/button.css.ts b/src/ui/button/button.css.ts
@@ -1,36 +1,32 @@
 import { style, styleVariants, createVar } from "@vanilla-extract/css";
 import { themeVars } from "../../styles/themes.css";
-import { baseLayer } from "../../styles/layers.css";
+// import { baseLayer } from "../../styles/layers.css";
 
 export const buttonBgVar = createVar();
 export const buttonHoverBgVar = createVar();
 export const buttonTextColorVar = createVar();
 export const buttonHoverTextColorVar = createVar();
 
 export const baseButton = style({
-  "@layer": {
-    [baseLayer]: {
-      fontFamily: themeVars.font.body,
-      fontWeight: themeVars.fontWeight.semibold,
-      cursor: "pointer",
-      appearance: "none",
-      border: "none",
-      position: "relative",
-      userSelect: "none",
-      whiteSpace: "nowrap",
-      verticalAlign: "middle",
-      lineHeight: 1.2,
-      transitionProperty:
-        "background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter",
-      transitionDuration: "200ms",
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center",
-      selectors: {
-        "&:focus": {
-          outline: "none",
-        },
-      },
+  fontFamily: themeVars.font.body,
+  fontWeight: themeVars.fontWeight.semibold,
+  cursor: "pointer",
+  appearance: "none",
+  border: "none",
+  position: "relative",
+  userSelect: "none",
+  whiteSpace: "nowrap",
+  verticalAlign: "middle",
+  lineHeight: 1.2,
+  transitionProperty:
+    "background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter",
+  transitionDuration: "200ms",
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  selectors: {
+    "&:focus": {
+      outline: "none",
     },
   },
 });

diff --git a/src/ui/mesh-modal/mesh-modal.css.ts b/src/ui/mesh-modal/mesh-modal.css.ts
@@ -1,6 +1,6 @@
 import { style, createVar, styleVariants } from "@vanilla-extract/css";
 import { themeVars } from "../../styles/themes.css";
-import { themeLayer } from "../../styles/layers.css";
+// import { themeLayer } from "../../styles/layers.css";
 
 export const connectModalShadowVar = createVar();
 export const connectModalBgVar = createVar();
@@ -82,12 +82,8 @@ export const modalHeader = style({
 });
 
 export const modalCloseButton = style({
-  "@layer": {
-    [themeLayer]: {
-      position: "absolute",
-      top: themeVars.space["14"],
-      right: themeVars.space["14"],
-      padding: "0",
-    },
-  },
+  position: "absolute",
+  top: themeVars.space["14"],
+  right: themeVars.space["14"],
+  padding: "0",
 });