2
2
/* Light */
3
3
--light-color-background : # f2f4f8 ;
4
4
--light-color-background-secondary : # eff0f1 ;
5
+ --light-color-warning-text : # 222 ;
6
+ --light-color-background-warning : # e6e600 ;
5
7
--light-color-icon-background : var (--light-color-background );
6
8
--light-color-accent : # c5c7c9 ;
7
9
--light-color-text : # 222 ;
21
23
/* Dark */
22
24
--dark-color-background : # 2b2e33 ;
23
25
--dark-color-background-secondary : # 1e2024 ;
26
+ --dark-color-background-warning : # bebe00 ;
27
+ --dark-color-warning-text : # 222 ;
24
28
--dark-color-icon-background : var (--dark-color-background-secondary );
25
29
--dark-color-accent : # 9096a2 ;
26
30
--dark-color-text : # f5f5f5 ;
42
46
: root {
43
47
--color-background : var (--light-color-background );
44
48
--color-background-secondary : var (--light-color-background-secondary );
49
+ --color-background-warning : var (--light-color-background-warning );
50
+ --color-warning-text : var (--light-color-warning-text );
45
51
--color-icon-background : var (--light-color-icon-background );
46
52
--color-accent : var (--light-color-accent );
47
53
--color-text : var (--light-color-text );
64
70
: root {
65
71
--color-background : var (--dark-color-background );
66
72
--color-background-secondary : var (--dark-color-background-secondary );
73
+ --color-background-warning : var (--dark-color-background-warning );
74
+ --color-warning-text : var (--dark-color-warning-text );
67
75
--color-icon-background : var (--dark-color-icon-background );
68
76
--color-accent : var (--dark-color-accent );
69
77
--color-text : var (--dark-color-text );
@@ -93,6 +101,8 @@ body {
93
101
: root [data-theme = "light" ] {
94
102
--color-background : var (--light-color-background );
95
103
--color-background-secondary : var (--light-color-background-secondary );
104
+ --color-background-warning : var (--light-color-background-warning );
105
+ --color-warning-text : var (--light-color-warning-text );
96
106
--color-icon-background : var (--light-color-icon-background );
97
107
--color-accent : var (--light-color-accent );
98
108
--color-text : var (--light-color-text );
@@ -113,6 +123,8 @@ body {
113
123
: root [data-theme = "dark" ] {
114
124
--color-background : var (--dark-color-background );
115
125
--color-background-secondary : var (--dark-color-background-secondary );
126
+ --color-background-warning : var (--dark-color-background-warning );
127
+ --color-warning-text : var (--dark-color-warning-text );
116
128
--color-icon-background : var (--dark-color-icon-background );
117
129
--color-accent : var (--dark-color-accent );
118
130
--color-text : var (--dark-color-text );
@@ -130,6 +142,11 @@ body {
130
142
--color-scheme : var (--dark-color-scheme );
131
143
}
132
144
145
+ .always-visible ,
146
+ .always-visible .tsd-signatures {
147
+ display : inherit !important ;
148
+ }
149
+
133
150
h1 ,
134
151
h2 ,
135
152
h3 ,
@@ -825,6 +842,15 @@ input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
825
842
padding-left : 5.5rem ;
826
843
}
827
844
845
+ # tsd-sidebar-links a {
846
+ margin-top : 0 ;
847
+ margin-bottom : 0.5rem ;
848
+ line-height : 1.25rem ;
849
+ }
850
+ # tsd-sidebar-links a : last-of-type {
851
+ margin-bottom : 0 ;
852
+ }
853
+
828
854
a .tsd-index-link {
829
855
margin : 0.25rem 0 ;
830
856
font-size : 1rem ;
@@ -978,7 +1004,8 @@ a.tsd-index-link {
978
1004
right : -40px ;
979
1005
}
980
1006
# tsd-search .field input ,
981
- # tsd-search .title {
1007
+ # tsd-search .title ,
1008
+ # tsd-toolbar-links a {
982
1009
transition : opacity 0.2s ;
983
1010
}
984
1011
# tsd-search .results {
@@ -1022,7 +1049,8 @@ a.tsd-index-link {
1022
1049
top : 0 ;
1023
1050
opacity : 1 ;
1024
1051
}
1025
- # tsd-search .has-focus .title {
1052
+ # tsd-search .has-focus .title ,
1053
+ # tsd-search .has-focus # tsd-toolbar-links a {
1026
1054
z-index : 0 ;
1027
1055
opacity : 0 ;
1028
1056
}
@@ -1036,6 +1064,22 @@ a.tsd-index-link {
1036
1064
display : block;
1037
1065
}
1038
1066
1067
+ # tsd-toolbar-links {
1068
+ position : absolute;
1069
+ top : 0 ;
1070
+ right : 2rem ;
1071
+ height : 100% ;
1072
+ display : flex;
1073
+ align-items : center;
1074
+ justify-content : flex-end;
1075
+ }
1076
+ # tsd-toolbar-links a {
1077
+ margin-left : 1.5rem ;
1078
+ }
1079
+ # tsd-toolbar-links a : hover {
1080
+ text-decoration : underline;
1081
+ }
1082
+
1039
1083
.tsd-signature {
1040
1084
margin : 0 0 1rem 0 ;
1041
1085
padding : 1rem 0.5rem ;
@@ -1134,6 +1178,11 @@ ul.tsd-type-parameter-list h5 {
1134
1178
.tsd-page-toolbar .table-cell : first-child {
1135
1179
width : 100% ;
1136
1180
}
1181
+ .tsd-page-toolbar .tsd-toolbar-icon {
1182
+ box-sizing : border-box;
1183
+ line-height : 0 ;
1184
+ padding : 12px 0 ;
1185
+ }
1137
1186
1138
1187
.tsd-page-toolbar--hide {
1139
1188
transform : translateY (-100% );
@@ -1205,6 +1254,12 @@ img {
1205
1254
text-decoration : line-through;
1206
1255
}
1207
1256
1257
+ .warning {
1258
+ padding : 1rem ;
1259
+ color : var (--color-warning-text );
1260
+ background : var (--color-background-warning );
1261
+ }
1262
+
1208
1263
* {
1209
1264
scrollbar-width : thin;
1210
1265
scrollbar-color : var (--color-accent ) var (--color-icon-background );
0 commit comments