forked from
tangled.org/core
this repo has no description
even cleaner button
thanks ai
+10
-11
+10
-11
input.css
+10
-11
input.css
···
27
27
@layer components {
28
28
.btn {
29
29
@apply relative z-10 inline-flex min-h-[30px] cursor-pointer items-center
30
-
justify-center border-0 bg-transparent px-2 pb-[0.2rem] text-base
31
-
text-gray-900 before:absolute before:inset-0 before:-z-10
32
-
before:block before:rounded-sm before:border before:border-blue-200
33
-
before:bg-white before:shadow-[0_2px_2px_0_rgba(20,20,96,0.1),inset_0_-3px_0_0_#e5edff]
34
-
before:content-[''] hover:before:border-blue-300
35
-
hover:before:bg-blue-50
36
-
hover:before:shadow-[0_2px_2px_0_rgba(20,20,96,0.1),inset_0_-3px_0_0_#e5edff]
37
-
focus:outline-none focus-visible:before:outline
38
-
focus-visible:before:outline-4 focus-visible:before:outline-blue-500
39
-
active:border-t-2 active:border-transparent active:py-1
40
-
active:before:shadow-none;
30
+
justify-center bg-transparent px-2 pb-[0.2rem] text-base
31
+
text-gray-900 before:absolute before:inset-0 before:-z-10
32
+
before:block before:rounded-sm before:border before:border-blue-200
33
+
before:bg-white before:shadow-[0_2px_2px_0_rgba(20,20,96,0.1),inset_0_-2px_0_0_#e5edff]
34
+
before:content-[''] hover:before:border-blue-300
35
+
hover:before:bg-blue-50
36
+
hover:before:shadow-[0_2px_2px_0_rgba(20,20,96,0.1),inset_0_-2px_0_0_#e5edff]
37
+
focus:outline-none focus-visible:before:outline
38
+
focus-visible:before:outline-4 focus-visible:before:outline-blue-500
39
+
active:before:shadow-[inset_0_2px_2px_0_rgba(20,20,96,0.1)];
41
40
}
42
41
}
43
42
@layer utilities {