Button.module.css35 lines · main

1	/*
2	Button sizes
3	*/
4
5	.sbui-btn--tiny {
6	@apply px-2.5 py-1.5 text-xs;
7	}
8	.sbui-btn--small {
9	@apply px-3 py-2 text-sm leading-4;
10	}
11	.sbui-btn--medium {
12	@apply px-4 py-2 text-sm;
13	}
14	.sbui-btn--large {
15	@apply px-4 py-2 text-base;
16	}
17	.sbui-btn--xlarge {
18	@apply px-6 py-3 text-base;
19	}
20
21	/*
22	Button varients
23	*/
24
25	.dark .sbui-btn-primary {
26	text-shadow: 0px 0px 4px rgba(38 111 78 / 50%);
27	}
28
29	.dark .sbui-btn-default {
30	text-shadow: 0px 0px 4px rgba(31 31 31 / 50%);
31	}
32
33	.dark .sbui-btn-secondary {
34	text-shadow: 0px 0px 4px rgba(42 42 42 / 50%);
35	}