Fixing text-decoration on Button

0xsequence · Apr 10, 2024 · ca1aadb · ca1aadb
1 parent fd22d17
commit ca1aadb
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/src/components/Button/styles.css.ts b/src/components/Button/styles.css.ts
@@ -12,14 +12,13 @@ const outlineStyle = {
 } as const
 
 export const buttonVariants = recipe({
-  base: [
-    atoms({
-      overflow: 'hidden',
-      whiteSpace: 'nowrap',
-      alignItems: 'center',
-    }),
-    { border: 'none' },
-  ],
+  base: atoms({
+    overflow: 'hidden',
+    whiteSpace: 'nowrap',
+    alignItems: 'center',
+    border: 'none',
+    textDecoration: 'none',
+  }),
 
   variants: {
     variant: {

diff --git a/src/css/global.css.ts b/src/css/global.css.ts
@@ -14,7 +14,6 @@ globalStyle('*', {
   margin: 0,
   outline: 'unset',
   padding: 0,
-  textDecoration: 'unset',
 })
 
 globalStyle('*, *::before, *::after', {

diff --git a/src/css/sprinkles.css.ts b/src/css/sprinkles.css.ts
@@ -134,6 +134,7 @@ const unresponsiveProperties = defineProperties({
     fontFamily: vars.fonts,
     textOverflow: ['ellipsis', 'clip'],
     textTransform: ['capitalize', 'lowercase', 'uppercase'],
+    textDecoration: ['none', 'underline'],
     userSelect: ['none', 'text', 'all', 'auto'],
     whiteSpace: ['normal', 'nowrap', 'initial', 'inherit'],
     wordBreak: ['break-word'],
@@ -179,6 +180,7 @@ const selectorProperties = defineProperties({
     borderRightStyle: borderStyles,
     borderTopColor: vars.colors,
     borderTopStyle: borderStyles,
+    border: ['none'],
     color: vars.colors,
     cursor: ['default', 'pointer', 'text'],
     opacity: vars.opacity,