3
3
--color-primary : # 119413 ;
4
4
--color-secondary : # 536dfe ;
5
5
--color-header : # 333 ;
6
+ font-size : 9px ;
6
7
}
7
8
8
9
.md-sidebar--primary , .md-sidebar--secondary { top : 9.6em ; position : fixed; }
@@ -21,13 +22,13 @@ li.fa-li { display: flex; align-items: baseline; }
21
22
/* headings */
22
23
.md-typeset h1 , .md-typeset h2 , .md-typeset h3 { font-weight : normal;}
23
24
.md-typeset h1 { position : relative;
24
- padding-top : 13rem ;
25
- margin-top : -13rem ;
26
25
z-index : 0 ;
27
26
color : # 666 }
28
27
29
28
.sectionbody { z-index : 1 ; position : relative; }
30
29
30
+ .md-main__inner {padding-top : 0 ;}
31
+
31
32
.hs {
32
33
display : grid;
33
34
grid-gap : calc (var (--gutter ) / 2 );
@@ -63,7 +64,11 @@ li.fa-li { display: flex; align-items: baseline; }
63
64
.text-grey { color : rgba (0 , 0 , 0 , .54 ); letter-spacing : .5px ; }
64
65
65
66
.sect-1 { padding-top : 2em ;}
66
- .md-typeset h1 [id ]: first-of-type : before { margin-top : -3.5rem ; padding-top : 0 ;}
67
+
68
+ /* h1 */
69
+ .md-typeset h1 [id ]: first-of-type {margin : 0 ; padding-bottom : 2rem ; transition : .15s ease-out ;}
70
+ .md-sidebar--primary [data-md-state = "lock" ] ~ div [id ] .md-typeset h1 [id ] {padding-top : 4rem }
71
+
67
72
header .md-tabs__list { margin-left : 0 ;}
68
73
.md-footer-nav { margin-top : 0 ; background-color : transparent;}
69
74
.md-footer-meta { background-color : var (--color-header ); position : relative;}
@@ -80,34 +85,42 @@ footer .u-container {height: 2em;
80
85
.lng a .md-tabs__link {background-color : # 333 ; padding : 1rem ; text-align : center; min-width : 3.5rem ; height : 3.5rem ; line-height : 1.2 ; margin : .7rem .1rem .7rem 0 ; opacity : 1 ; font-size : 1.3rem ; border-radius : 50% ; letter-spacing : .5px ;}
81
86
.lng a .md-tabs__link .lng-active {background-color : # 262626 ;}
82
87
83
- header .md-tabs__item { padding-right : 1rem ; padding-left : 1rem ;}
84
-
85
- blockquote { background-color : rgba (204 , 254 , 167 , .6 ); border-left : none;}
86
88
87
- .packages-container # preamble > .sectionbody > .paragraph : first-of-type p { font-size : 1em }
88
- .packages-container h1 : nth-of-type (1 ) { font-size : 1.5em ; color : var (--color-primary ); margin-bottom : 0 ; }
89
+ /* header */
90
+ header .md-flex__cell .md-flex__cell--shrink { vertical-align : middle;}
91
+ header .md-header-nav__topic { padding-left : .5em }
92
+ header .md-header-nav__topic a : hover { color : # fff }
93
+ header .top-nav .md-tabs__item { padding-right : 0rem ; padding-left : 0rem ;}
94
+ header .top-nav .md-tabs__item > .md-tabs__link { padding : 1.5rem 1rem !important ; margin : 0 ; }
89
95
90
- . admonitionblock table td . content { border-left : transparent ;}
96
+ header . top-nav . md-tabs__item > . md-tabs__link : active { background-color : # 444 ;}
91
97
92
98
/* menu */
93
99
body .md-sidebar--primary , body .md-sidebar--secondary ,
94
100
body header .hs .no-scrollbar ul .md-tabs__list { transition : .15s ease-in-out }
95
-
96
- .md-sidebar--primary .md-nav__link {display : flex; align-items : center;}
97
- .md-sidebar--primary .md-nav__link { margin-top : 0em ; cursor : pointer }
101
+ blockquote { background-color : rgba (204 , 254 , 167 , .6 ); border-left : none;}
98
102
99
103
100
- .md-sidebar--primary .md-nav__item--nested { margin-top : 0em ; cursor : pointer }
104
+ /* packages */
105
+ .packages-container # preamble > .sectionbody > .paragraph : first-of-type p { font-size : 1em }
106
+ .packages-container h1 : nth-of-type (1 ) { font-size : 1.5em ; color : var (--color-primary ); margin-bottom : 0 ; }
107
+ .admonitionblock table td .content {border-left : transparent;}
101
108
102
- .md-sidebar--primary .md-nav__item--nested : hover > div > i ,
103
- .md-sidebar--primary .md-nav__item--nested : hover > i { color : var (--color-primary ); }
109
+ /* sidebar primary */
110
+ .md-nav__link : after { display : none !important ; }
111
+ .md-sidebar--primary .md-nav__link {display : flex; align-items : center;}
112
+ .md-sidebar--primary .md-nav__link { margin-top : 0em ; cursor : pointer }
104
113
105
114
.md-sidebar--primary .md-nav__item--nested div {display : flex; justify-content : space-between; align-items : center;}
106
115
.md-sidebar--primary .md-nav__link > div ,
107
116
.md-sidebar--primary .md-nav__item > div {display : flex; align-items : center; }
108
117
.md-sidebar--primary .md-nav__item i {width : 3rem ; color : # 333 ; font-size : 1.6rem }
109
- .md-sidebar--primary .md-nav__item .caption : not (: first-of-type ) { padding-top : 1em ; padding-bottom : .5em }
110
- .md-sidebar--primary .md-nav__item--active : not (.md-nav__item--nested ) { color : # 536dfe ; }
118
+ .md-sidebar--primary .md-nav__item .caption : not (: first-of-type ) { padding-top : 1em ;}
119
+ .md-sidebar--primary .md-nav__item .caption { padding-bottom : 1.2rem }
120
+
121
+
122
+ .md-sidebar--primary .md-nav__item--active : not (.md-nav__item--nested ) { color : var (--color-secondary ); }
123
+
111
124
.md-sidebar--primary .md-nav__item--nested .md-nav__item--nested-open span i { transform : rotate (90deg ) translateY (.2em ) translateX (.2em ); }
112
125
.md-sidebar--primary .md-nav__item span i { width : 1em ; padding-right : 1em ; transition : .2s ease-in-out; }
113
126
@@ -143,18 +156,21 @@ ul.md-nav__list ul.md-nav__list.md-nav__list-open li { display: block }
143
156
.md-sidebar--primary .md-nav__item .md-nav__link--active : hover ,
144
157
.md-sidebar--primary .md-nav__item .md-nav__link : hover ,
145
158
.md-nav__item--nested-open div : hover ,
146
- .md-nav__item--nested > div : hover { color : var (--color-primary ); }
159
+ .md-nav__item--nested > a : hover { color : var (--color-primary ) !important ; }
147
160
148
161
.md-sidebar--primary .md-nav__item .md-nav__link : hover i ,
149
162
.md-nav__item--nested div : hover > div i ,
150
- .md-nav__item--nested > div : hover > span i ,
151
- .md-sidebar--primary .md-nav__item .md-nav__item--nested .md-nav__item--nested-open-active > div ,
152
- .md-sidebar--primary .md-nav__item .md-nav__item--nested .md-nav__item--nested-open-active > div i { color : var (--color-primary ) !important }
163
+ .md-nav__item--nested > a : hover > span i { color : var (--color-primary ) !important }
153
164
165
+ .md-sidebar--primary .md-nav__item--active > .md-nav__link ,
166
+ .md-sidebar--primary .md-nav__item--active > .md-nav__link i ,
167
+ .md-sidebar--primary .md-nav__item .md-nav__item--nested-open .md-nav__link--active > span ,
168
+ .md-sidebar--primary .md-nav__item .md-nav__item--nested-open .md-nav__link--active > div ,
169
+ .md-sidebar--primary .md-nav__item .md-nav__item--nested-open .md-nav__link--active > div i { color : var (--color-secondary ) !important }
154
170
155
171
156
- header .md-flex__cell .md-flex__cell--shrink { vertical-align : middle ;}
157
- header .md-header-nav__topic { padding-left : 1em }
172
+ .md-nav--primary .md-nav__item--nested > . md-nav__link { padding-right : 0 ;}
173
+ . md-nav--primary .md-nav__item > . md-nav__link { padding : 0 1em }
158
174
159
175
.md-typeset h2 { margin : 1rem 0 1rem ; }
160
176
@@ -183,17 +199,13 @@ a.anchor:before { display: none !important;}
183
199
184
200
@media screen and (min-width : 45em ) {
185
201
.md-typeset h1 { padding-bottom : 3rem ;}
186
- .md-sidebar--primary .md-nav__item .md-nav__link , .md-sidebar--primary .md-nav__item--nested > div { padding : 0.4em 0.85rem 0.4em 0 ;}
187
- .md-sidebar--primary .md-nav__item .caption {
188
- padding-top : 0 ;
189
- padding-bottom : 0.4em ;
190
- font-size : 1.4rem ;
191
- }
192
-
202
+ .md-sidebar--primary .md-nav__item .md-nav__link , .md-sidebar--primary .md-nav__item--nested > a { padding : 0.4em 0.85rem 0.4em 0 ;}
203
+ .md-sidebar--primary .md-nav__item .caption {padding-top : 0 ; padding-bottom : 1.2rem ; font-size : 1.4rem ;
204
+ }
193
205
}
194
206
195
207
@media only screen and (max-width : 76.1875em ) {
196
- .md-sidebar--primary ul .md-nav__list . md- nav__item--nested .md-nav__item--nested-open ul .md-nav__list li : first-child .md-nav__link { padding-top : 1.2 em }
208
+ .md-sidebar--primary .md-nav__item--nested .md-nav__item--nested-open ul .md-nav__list li : first-child .md-nav__link { padding-top : 1 em }
197
209
.md-typeset h1 { font-size : 1.8em ;}
198
210
.md-nav--primary .md-nav__item , .md-nav--primary .md-nav__title {font-size : 0.95em ;border : none;}
199
211
@@ -203,17 +215,14 @@ a.anchor:before { display: none !important;}
203
215
.md-sidebar--primary , .md-sidebar--secondary {height : 95vh ;}
204
216
.md-nav--primary .md-nav__item .caption { padding : 2em 1em .5em !important }
205
217
206
- .md-nav--primary .md-nav__item : not (.md-nav__item--nested ) .md-nav__link , .md-nav--primary .md-nav__item--nested {
207
- padding : 0.7em 0 ;
208
- }
209
218
.md-nav--primary .md-nav__item--nested-open {
210
219
padding-bottom : 0 ;
211
220
}
212
- .md-sidebar--primary ul .md-nav__list .md-nav__item--nested .md-nav__item--nested-open ul .md-nav__list li { padding-left : calc (3rem + 1em ) !important ; margin-top : 0em }
221
+ .md-sidebar--primary ul .md-nav__list .md-nav__item--nested .md-nav__item--nested-open ul .md-nav__list li { padding-left : 3.5em !important ; margin-top : 0em }
222
+
213
223
224
+ .md-nav--primary .md-nav__item > .md-nav__link {padding : 0.4em 1em }
214
225
215
- .md-sidebar--primary .md-nav__item : not (.md-nav__item--nested ),
216
- .md-sidebar--primary .md-nav__item .md-nav__item--nested > div { padding : 0 1rem 0 1.2rem ;}
217
226
}
218
227
219
228
@media screen and (max-width : 45em ) {
@@ -226,12 +235,30 @@ a.anchor:before { display: none !important;}
226
235
.md-nav__item .caption strong { padding : 1em 0 0.2em }
227
236
.md-nav--primary .md-nav__item .caption : first-of-type { padding-top : 1em ;}
228
237
.md-sidebar--primary .md-nav__item .caption : not (: first-of-type ) { padding-top : 1em ; }
229
- .md-sidebar--primary .md-nav__item--nested > div { padding-right : 0.85rem ; padding-left : 1em ; }
230
- .md-sidebar--primary .md-nav__item--nested > div > div { display : flex; align-items : center;}
238
+ .md-sidebar--primary .md-nav__item--nested > a { padding-right : 0.85rem ; padding-left : 1em ; }
239
+ .md-sidebar--primary .md-nav__item--nested > a > div { display : flex; align-items : center;}
231
240
232
241
.md-sidebar--primary .md-nav__item--nested ,
233
242
.md-sidebar--primary ul .md-nav__list .md-nav__item--nested .md-nav__item--nested-open ul .md-nav__list li { margin-top : 0 ; }
234
243
235
244
.md-sidebar--primary .md-nav__item--nested-open ul { padding-bottom : 0.4em ;}
236
245
.md-typeset blockquote {margin : 1.2rem -1.6rem ;}
246
+
247
+ /* .md-sidebar--primary .md-nav__item:not(.md-nav__item--nested),
248
+ .md-sidebar--primary .md-nav__item.md-nav__item--nested > a { padding: 0 1rem 0 1.2rem;} */
249
+
250
+
251
+ }
252
+
253
+
254
+
255
+
256
+
257
+ .md-grid {max-width : 135rem ;}
258
+
259
+
260
+ @media only screen and (min-width : 76.25em ) {
261
+ .md-sidebar--secondary {
262
+ margin-left : 135rem ;
263
+ }
237
264
}
0 commit comments