Text.module.css75 lines · main

1	.sbui-typography-text {
2	@apply text-sm;
3	@apply text-typography-body-light dark:text-typography-body-dark;
4	}
5
6	.sbui-typography-text-small {
7	@apply text-xs;
8	}
9
10	.sbui-typography-text-secondary {
11	@apply text-typography-body-secondary-light;
12	@apply dark:text-typography-body-secondary-dark;
13	}
14
15	.sbui-typography-text-success {
16	@apply text-green-500;
17	@apply dark:text-green-500;
18	}
19
20	.sbui-typography-text-warning {
21	@apply text-yellow-500;
22	@apply dark:text-yellow-500;
23	}
24
25	.sbui-typography-text-danger {
26	@apply text-red-500;
27	@apply dark:text-red-500;
28	}
29
30	.sbui-typography-text-disabled {
31	@apply text-gray-300;
32	@apply dark:text-gray-400;
33	/* color: rgba(0,0,0,.25); */
34	cursor: not-allowed;
35	-webkit-user-select: none;
36	-moz-user-select: none;
37	-ms-user-select: none;
38	user-select: none;
39	}
40
41	.sbui-typography-text-underline {
42	@apply underline;
43	}
44
45	.sbui-typography-text-strikethrough {
46	@apply line-through;
47	}
48
49	.sbui-typography-text strong {
50	@apply text-sm;
51	}
52
53	mark.sbui-typography-text {
54	padding: 0;
55	background-color: #ffe58f;
56	}
57
58	code.sbui-typography-text {
59	/* margin: 0 .2em; */
60	padding: 0.05em 0.4em 0.05em;
61	/* font-size: 85%; */
62	background: hsla(0, 0%, 58.8%, 0.1);
63	border: 1px solid hsla(0, 0%, 39.2%, 0.2);
64	border-radius: 3px;
65	}
66
67	kbd.sbui-typography-text {
68	/* margin: 0 .2em; */
69	padding: 0.15em 0.4em 0.1em;
70	/* font-size: 90%; */
71	background: hsla(0, 0%, 58.8%, 0.06);
72	border: solid hsla(0, 0%, 39.2%, 0.2);
73	border-width: 1px 1px 2px;
74	border-radius: 3px;
75	}