41
41
.nav-link.active {
42
42
border-width : 1px ;
43
43
border-style : solid ;
44
- border-image : linear-gradient (
45
- to bottom ,
44
+ border-image : linear-gradient (to bottom ,
46
45
rgba ($dark , 0.2 ) 30% ,
47
46
rgba ($primary , 0.3 ) 60% ,
48
- $primary 90% 100%
49
- )
50
- 1 ;
47
+ $primary 90% 100% ) 1 ;
51
48
padding-bottom : 0.3rem ;
52
49
align-items : center ;
53
50
justify-content : center ;
95
92
96
93
// Inline code
97
94
p code ,
98
- li > code ,
95
+ li > code ,
99
96
table code {
100
97
color : inherit ;
101
98
padding : 0.2em 0.4em ;
@@ -116,7 +113,7 @@ body {
116
113
background-color : $gray-900 ;
117
114
padding : $spacer ;
118
115
119
- > code {
116
+ >code {
120
117
background-color : inherit !important ;
121
118
padding : 0 ;
122
119
margin : 0 ;
@@ -170,6 +167,7 @@ a:not([href]):not([class]):hover {
170
167
// .taxonomy-terms-cloud
171
168
172
169
.taxonomy-term {
170
+
173
171
border-width : 0 ;
174
172
border-radius : 0 3px 3px 0 ;
175
173
display : inline-block ;
@@ -184,10 +182,13 @@ a:not([href]):not([class]):hover {
184
182
transition : color 0.2s ;
185
183
clip-path : polygon (100% 0 , 100% 100% , 0.8em 100% , 0 50% , 0.8em 0 );
186
184
185
+
187
186
& :hover {
188
187
background-color : $primary ;
189
188
color : $white ;
189
+
190
190
}
191
+
191
192
}
192
193
193
194
.article-teaser {
@@ -216,14 +217,12 @@ a:not([href]):not([class]):hover {
216
217
}
217
218
218
219
.td-sidebar {
219
- background-image : linear-gradient (
220
- to top ,
221
- #1e2117 ,
222
- #1d1912 ,
223
- #18120e ,
224
- #0f0a09 ,
225
- #000000
226
- );
220
+ background-image : linear-gradient (to top ,
221
+ #1e2117 ,
222
+ #1d1912 ,
223
+ #18120e ,
224
+ #0f0a09 ,
225
+ #000000 );
227
226
position : sticky ;
228
227
height : calc (100vh - 5.5rem );
229
228
top : 5.5rem ;
@@ -269,9 +268,18 @@ a:not([href]):not([class]):hover {
269
268
270
269
& __section {
271
270
margin-top : 1rem ;
272
- font-family : " Qanelas Soft" , sans-serif , -apple-system , BlinkMacSystemFont,
273
- " Segoe UI" , Roboto, " Helvetica Neue" , Arial , " Apple Color Emoji" ,
274
- " Segoe UI Emoji" , " Segoe UI Symbol" ;
271
+ font-family :
272
+ " Qanelas Soft" ,
273
+ sans-serif ,
274
+ -apple-system ,
275
+ BlinkMacSystemFont,
276
+ " Segoe UI" ,
277
+ Roboto,
278
+ " Helvetica Neue" ,
279
+ Arial ,
280
+ " Apple Color Emoji" ,
281
+ " Segoe UI Emoji" ,
282
+ " Segoe UI Symbol" ;
275
283
}
276
284
}
277
285
@@ -284,20 +292,14 @@ a:not([href]):not([class]):hover {
284
292
& .active :not (.tree-root ) {
285
293
border-width : 1px ;
286
294
border-style : solid ;
287
- border-image : linear-gradient (
288
- to left ,
295
+ border-image : linear-gradient (to left ,
289
296
rgba ($dark , 0 ) 30% ,
290
297
rgba ($primary , 0.3 ) 60% ,
291
- $primary 90% 100%
292
- )
293
- 1 ;
294
- background-image : linear-gradient (
295
- to left ,
298
+ $primary 90% 100% ) 1 ;
299
+ background-image : linear-gradient (to left ,
296
300
rgba ($dark , 0.2 ) 30% ,
297
301
rgba ($primary , 0.3 ) 60% ,
298
- $primary 90% 100%
299
- )
300
- 1 ;
302
+ $primary 90% 100% ) 1 ;
301
303
padding : 0.25rem ;
302
304
padding-left : 0.5rem !important ;
303
305
// background-image: linear-gradient(to left, rgba($dark,.33),rgba($dark,.5),rgba($dark,.75),#1e2117, #31412b, #3b6447, #378b6d, #00b39f);
@@ -319,14 +321,12 @@ a:not([href]):not([class]):hover {
319
321
.td-sidebar-toc {
320
322
line-height : 1.25rem ;
321
323
border-left : 1px solid $border-color ;
322
- background-image : linear-gradient (
323
- to top ,
324
- #1e2117 ,
325
- #1d1912 ,
326
- #18120e ,
327
- #0f0a09 ,
328
- #000000
329
- );
324
+ background-image : linear-gradient (to top ,
325
+ #1e2117 ,
326
+ #1d1912 ,
327
+ #18120e ,
328
+ #0f0a09 ,
329
+ #000000 );
330
330
331
331
@supports (position : sticky ) {
332
332
position : sticky ;
@@ -403,13 +403,13 @@ a:not([href]):not([class]):hover {
403
403
}
404
404
405
405
.matterinfo .plan-support {
406
- padding : 0 .5rem ;
407
- border : 0 .5px solid $border-color ;
406
+ padding : .5rem ;
407
+ border : .5px solid $border-color ;
408
408
display : flex ;
409
409
align-items : center ;
410
410
color : $casper ;
411
411
& :hover {
412
- background-color : rgba ($primary , 0.3 );
412
+ background-color : rgba ($primary , 0.3 )
413
413
}
414
414
}
415
415
@@ -429,6 +429,7 @@ a:not([href]):not([class]):hover {
429
429
color : $casper ;
430
430
}
431
431
432
+
432
433
// Style alert boxes.
433
434
434
435
.alert {
@@ -455,12 +456,12 @@ a:not([href]):not([class]):hover {
455
456
transition : color 0.8s ;
456
457
transition : background-color 0.8s ;
457
458
458
- > img {
459
+ >img {
459
460
width : 2rem ;
460
461
margin-right : 0.5rem ;
461
462
}
462
463
463
- > img :hover {
464
+ >img :hover {
464
465
filter : brightness (0 ) invert (1 );
465
466
}
466
467
@@ -483,7 +484,7 @@ a:not([href]):not([class]):hover {
483
484
.td-content figure > img {
484
485
width : auto ;
485
486
max-width : 100% ;
486
- border-radius : 0 .5rem 0 .5rem 0 0 ;
487
+ border-radius : .5rem .5rem 0 0 ;
487
488
box-shadow : 0 0 0.5rem rgba (0 , 179 , 159 , 0.4 );
488
489
transition : box-shadow 0.2s ;
489
490
}
@@ -494,7 +495,7 @@ a:not([href]):not([class]):hover {
494
495
padding : 0.5rem 1rem ;
495
496
background-color : rgba ($lightslategray , 1 );
496
497
color : $dark ;
497
- border-radius : 0 0 0 .5rem 0 .5rem ;
498
+ border-radius : 0 0 .5rem .5rem ;
498
499
box-sizing : border-box ;
499
500
}
500
501
@@ -537,17 +538,16 @@ a:not([href]):not([class]):hover {
537
538
}
538
539
}
539
540
541
+
540
542
.dash-tangle {
541
543
width : 78.14231rem ;
542
544
height : 74.72rem ;
543
545
transform : rotate (-55.68deg );
544
546
flex-shrink : 0 ;
545
547
overflow : hidden ;
546
- background-image : linear-gradient (
547
- 180deg ,
548
- rgba (0 , 179 , 115 , 0 ) 0% ,
549
- rgba (0 , 179 , 159 , 0.3 ) 100%
550
- );
548
+ background-image : linear-gradient (180deg ,
549
+ rgba (0 , 179 , 115 , 0 ) 0% ,
550
+ rgba (0 , 179 , 159 , 0.3 ) 100% );
551
551
position : absolute ;
552
552
top : -18rem ;
553
553
right : -32rem ;
@@ -576,15 +576,13 @@ a:not([href]):not([class]):hover {
576
576
left : -24rem ;
577
577
overflow : hidden ;
578
578
579
- > .dash-ircle {
579
+ >.dash-ircle {
580
580
width : 74.125rem ;
581
581
height : 74.125rem ;
582
582
flex-shrink : 0 ;
583
- background : radial-gradient (
584
- 50% 50% at 50% 50% ,
585
- rgba (0 , 179 , 159 , 0.2 ) 0% ,
586
- rgba (0 , 179 , 159 , 0 ) 100%
587
- );
583
+ background : radial-gradient (50% 50% at 50% 50% ,
584
+ rgba (0 , 179 , 159 , 0.2 ) 0% ,
585
+ rgba (0 , 179 , 159 , 0 ) 100% );
588
586
position : absolute ;
589
587
overflow : hidden ;
590
588
background-clip : border-box ;
@@ -615,7 +613,9 @@ a:not([href]):not([class]):hover {
615
613
616
614
a .dash-sign {
617
615
color : #fffbf1 ;
618
- text-shadow : 0 20px 25px #2e2e31 , 0 40px 60px #2e2e31 ;
616
+ text-shadow :
617
+ 0 20px 25px #2e2e31 ,
618
+ 0 40px 60px #2e2e31 ;
619
619
font-size : 28px ;
620
620
font-weight : 600 ;
621
621
text-decoration : none ;
@@ -719,7 +719,7 @@ a:not([href]):not([class]):hover {
719
719
gap : 1rem ;
720
720
}
721
721
722
- .tab-content > .active {
722
+ .tab-content > .active {
723
723
display : flex ;
724
724
}
725
725
@@ -735,17 +735,14 @@ a:not([href]):not([class]):hover {
735
735
[id ^= " tabs-" ] {
736
736
border : 1px solid rgba ($light , 0.1 );
737
737
border-radius : 0.5rem ;
738
- padding : 0 .5rem ;
738
+ padding : .5rem ;
739
739
margin-bottom : 1rem ;
740
740
background-color : rgba ($light , 0.02 );
741
741
box-shadow : 0 0 8px rgba ($dark , 0.2 );
742
742
743
743
.nav-link {
744
744
color : $light ;
745
- background-color : rgba (
746
- $light ,
747
- 0.3
748
- ); // 🆕 consistent visible bg for inactive tabs
745
+ background-color : rgba ($light , 0.3 ); // 🆕 consistent visible bg for inactive tabs
749
746
border : 2px solid rgba ($light , 0.15 );
750
747
border-radius : 0.5rem 0.5rem 0 0 ;
751
748
margin : 2px ;
@@ -773,7 +770,7 @@ a:not([href]):not([class]):hover {
773
770
}
774
771
}
775
772
776
- .nav-link.disabled {
773
+ .nav-link.disabled {
777
774
background : transparent ;
778
775
border : none ;
779
776
color : rgba ($light , 0.5 );
@@ -794,11 +791,6 @@ html {
794
791
scroll-behavior : smooth ;
795
792
}
796
793
797
- h1 ,
798
- h2 ,
799
- h3 ,
800
- h4 ,
801
- h5 ,
802
- h6 {
794
+ h1 , h2 , h3 , h4 , h5 , h6 {
803
795
scroll-margin-top : 1rem ;
804
796
}
0 commit comments