forked from tasmota/docs
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy paththeme-custom.css
75 lines (64 loc) · 2.13 KB
/
theme-custom.css
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
75
:root {
--mono-hue : 201;
--mono-saturation : 18%;
--mono-shade4 : hsl(var(--mono-hue), var(--mono-saturation), 10%);
--base-line-height : 1.5;
--content-max-width : 70em;
--cover-background-blend-mode : darken ;
--cover-background-color : var(--base-background-color);
--cover-background-mask-opacity : 0.8;
--cover-blockquote-color : #1fa3ec;
--code-theme-text : #e4e4e4 ;
--table-cell-padding : 0.4em 0.75em;
--table-head-background : var(--mono-shade4);
--table-row-even-background : var(--mono-shade2);
--table-row-odd-background : var(--mono-shade3);
/* Sidebar
============================================================================= */
--sidebar-background : var(--mono-shade2);
--sidebar-padding : 0 25px;
--sidebar-transition-duration : var(--duration-fast);
--sidebar-width : 18rem;
--sidebar-nav-indent : 0.6em;
--sidebar-nav-margin : 0 0 0;
--sidebar-nav-link-padding : 0 0;
--sidebar-nav-link-before-margin : 0 0 0 0;
}
.alert.tasmota {
border: 1px solid var(--mono-shade2);
border-left-width: .25rem;
border-radius: .25rem;
background: var(--mono-shade2);
padding: .25rem 1.25rem !important;
margin-bottom: 0.25rem !important;
}
.alert.tasmota.warning {
border-left-color: #f0ad4e !important;
}
.alert.tasmota.warning .title {
color: #f0ad4e;
}
.alert.tasmota.tip {
border-left-color: #28a745 !important;
}
.alert.tasmota.tip .title {
color: #28a745;
}
.alert.tasmota.info {
border-left-color: #E0FFFF !important;
}
.alert.tasmota.info .title {
color: #E0FFFF;
}
.alert.tasmota.danger {
border-left-color: #dc3545 !important;
}
.alert.tasmota.danger .title {
color: #dc3545;
}
.alert.tasmota.example {
border-left-color: #1FA3EC !important;
}
.alert.tasmota.example .title {
color: #1FA3EC;
}