forkana/custom/public/assets/css/base.custom.css at e1e8678204857d333a4884b1e5de28c27b50a6a3 · okTurtles/forkana · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
:root {
	--fonts-override: Inter, -apple-system, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial;
	--border-radius: 6px;
	--border-radius-dropdown: 12px;
}


/* unify radii across common Fomantic components */
.ui.button,
.ui.segment,
.ui.card,
.ui.message,
.ui.modal,
.ui.table,
.ui.dropdown,
.ui.dropdown > .menu,
.ui.selection.dropdown,
.ui.label,
.ui.input > input,
.ui.search.selection.dropdown,
.ui.search.selection.dropdown .menu,
.ui.popup,
.ui.form .field > .ui.input > input,
.ui.form .field > .ui.input > textarea {
  border-radius: var(--border-radius);
}

.circle {
	border-radius: 50% !important;
	overflow: hidden;
	width: 2rem;
	height: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.circle.small {
	width: 1.5rem;
	height: 1.5rem;
}

.circle svg {
	width: 18px;
	height: 18px;
}

.circle.small svg {
	scale: .8;
}

.circle.green-light-1{
	color: var(--color-white);
	background-color: var(--color-green-light-1);
	border: none !important;
}

.circle.red{
	color: var(--color-white);
	background-color: var(--color-red);
	border: none !important;
}

.circle.yellow{
	color: var(--color-white);
	background-color: var(--color-yellow);
	border: none !important;
}

.circle.grey{
	color: var(--color-white);
	background-color: var(--color-grey);
	border: none !important;
}