feat: shadowを必須から外す

tuqulore · Sep 24, 2021 · fca0a7d · fca0a7d
1 parent 65de4dd
commit fca0a7d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/tailwindcss/button.js b/packages/tailwindcss/button.js
@@ -12,12 +12,12 @@ module.exports = plugin.withOptions(
             ...base,
             backgroundColor: theme("colors.primary.500"),
             color: "#fff",
+            transition: "30ms filter cubic-bezier(0, 0, 0.12, 1)",
             "&:hover": {
-              filter: "brightness(95%)",
-              boxShadow: `var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);`,
+              filter: "brightness(90%)",
             },
             "&:active": {
-              filter: "brightness(80%)",
+              filter: "brightness(75%)",
             },
             "&:focus": {
               outline: "none",

diff --git a/packages/tailwindcss/lib/buttonStyle.js b/packages/tailwindcss/lib/buttonStyle.js
@@ -5,12 +5,12 @@ module.exports = (theme) => ({
     display: "inline-block",
     padding: ".6em 1.2em",
     textDecoration: "none !important",
+    "will-change": "auto",
   },
   disabled: {
     color: theme("colors.white"),
     backgroundColor: theme("colors.gray.300"),
     "border-color": theme("colors.gray.300"),
-    "--tw-ring-color": theme("colors.gray.200"),
     cursor: "default",
     "&:hover, &:active": {
       filter: "none",