4141.nav-link.active {
4242 border-width : 1px ;
4343 border-style : solid ;
44- border-image : linear-gradient (
45- to bottom ,
44+ border-image : linear-gradient (to bottom ,
4645 rgba ($dark , 0.2 ) 30% ,
4746 rgba ($primary , 0.3 ) 60% ,
48- $primary 90% 100%
49- )
50- 1 ;
47+ $primary 90% 100% ) 1 ;
5148 padding-bottom : 0.3rem ;
5249 align-items : center ;
5350 justify-content : center ;
9592
9693 // Inline code
9794 p code ,
98- li > code ,
95+ li > code ,
9996 table code {
10097 color : inherit ;
10198 padding : 0.2em 0.4em ;
@@ -116,7 +113,7 @@ body {
116113 background-color : $gray-900 ;
117114 padding : $spacer ;
118115
119- > code {
116+ >code {
120117 background-color : inherit !important ;
121118 padding : 0 ;
122119 margin : 0 ;
@@ -170,6 +167,7 @@ a:not([href]):not([class]):hover {
170167 // .taxonomy-terms-cloud
171168
172169 .taxonomy-term {
170+
173171 border-width : 0 ;
174172 border-radius : 0 3px 3px 0 ;
175173 display : inline-block ;
@@ -184,10 +182,13 @@ a:not([href]):not([class]):hover {
184182 transition : color 0.2s ;
185183 clip-path : polygon (100% 0 , 100% 100% , 0.8em 100% , 0 50% , 0.8em 0 );
186184
185+
187186 & :hover {
188187 background-color : $primary ;
189188 color : $white ;
189+
190190 }
191+
191192 }
192193
193194 .article-teaser {
@@ -216,14 +217,12 @@ a:not([href]):not([class]):hover {
216217}
217218
218219.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 );
227226 position : sticky ;
228227 height : calc (100vh - 5.5rem );
229228 top : 5.5rem ;
@@ -269,9 +268,18 @@ a:not([href]):not([class]):hover {
269268
270269 & __section {
271270 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" ;
275283 }
276284 }
277285
@@ -284,20 +292,14 @@ a:not([href]):not([class]):hover {
284292 & .active :not (.tree-root ) {
285293 border-width : 1px ;
286294 border-style : solid ;
287- border-image : linear-gradient (
288- to left ,
295+ border-image : linear-gradient (to left ,
289296 rgba ($dark , 0 ) 30% ,
290297 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 ,
296300 rgba ($dark , 0.2 ) 30% ,
297301 rgba ($primary , 0.3 ) 60% ,
298- $primary 90% 100%
299- )
300- 1 ;
302+ $primary 90% 100% ) 1 ;
301303 padding : 0.25rem ;
302304 padding-left : 0.5rem !important ;
303305 // 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 {
319321.td-sidebar-toc {
320322 line-height : 1.25rem ;
321323 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 );
330330
331331 @supports (position : sticky ) {
332332 position : sticky ;
@@ -403,13 +403,13 @@ a:not([href]):not([class]):hover {
403403}
404404
405405.matterinfo .plan-support {
406- padding : 0 .5rem ;
407- border : 0 .5px solid $border-color ;
406+ padding : .5rem ;
407+ border : .5px solid $border-color ;
408408 display : flex ;
409409 align-items : center ;
410410 color : $casper ;
411411 & :hover {
412- background-color : rgba ($primary , 0.3 );
412+ background-color : rgba ($primary , 0.3 )
413413 }
414414}
415415
@@ -429,6 +429,7 @@ a:not([href]):not([class]):hover {
429429 color : $casper ;
430430}
431431
432+
432433// Style alert boxes.
433434
434435.alert {
@@ -455,12 +456,12 @@ a:not([href]):not([class]):hover {
455456 transition : color 0.8s ;
456457 transition : background-color 0.8s ;
457458
458- > img {
459+ >img {
459460 width : 2rem ;
460461 margin-right : 0.5rem ;
461462 }
462463
463- > img :hover {
464+ >img :hover {
464465 filter : brightness (0 ) invert (1 );
465466 }
466467
@@ -483,7 +484,7 @@ a:not([href]):not([class]):hover {
483484.td-content figure > img {
484485 width : auto ;
485486 max-width : 100% ;
486- border-radius : 0 .5rem 0 .5rem 0 0 ;
487+ border-radius : .5rem .5rem 0 0 ;
487488 box-shadow : 0 0 0.5rem rgba (0 , 179 , 159 , 0.4 );
488489 transition : box-shadow 0.2s ;
489490}
@@ -494,7 +495,7 @@ a:not([href]):not([class]):hover {
494495 padding : 0.5rem 1rem ;
495496 background-color : rgba ($lightslategray , 1 );
496497 color : $dark ;
497- border-radius : 0 0 0 .5rem 0 .5rem ;
498+ border-radius : 0 0 .5rem .5rem ;
498499 box-sizing : border-box ;
499500}
500501
@@ -537,17 +538,16 @@ a:not([href]):not([class]):hover {
537538 }
538539}
539540
541+
540542.dash-tangle {
541543 width : 78.14231rem ;
542544 height : 74.72rem ;
543545 transform : rotate (-55.68deg );
544546 flex-shrink : 0 ;
545547 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% );
551551 position : absolute ;
552552 top : -18rem ;
553553 right : -32rem ;
@@ -576,15 +576,13 @@ a:not([href]):not([class]):hover {
576576 left : -24rem ;
577577 overflow : hidden ;
578578
579- > .dash-ircle {
579+ >.dash-ircle {
580580 width : 74.125rem ;
581581 height : 74.125rem ;
582582 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% );
588586 position : absolute ;
589587 overflow : hidden ;
590588 background-clip : border-box ;
@@ -615,7 +613,9 @@ a:not([href]):not([class]):hover {
615613
616614 a .dash-sign {
617615 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 ;
619619 font-size : 28px ;
620620 font-weight : 600 ;
621621 text-decoration : none ;
@@ -719,7 +719,7 @@ a:not([href]):not([class]):hover {
719719 gap : 1rem ;
720720}
721721
722- .tab-content > .active {
722+ .tab-content > .active {
723723 display : flex ;
724724}
725725
@@ -735,17 +735,14 @@ a:not([href]):not([class]):hover {
735735[id ^= " tabs-" ] {
736736 border : 1px solid rgba ($light , 0.1 );
737737 border-radius : 0.5rem ;
738- padding : 0 .5rem ;
738+ padding : .5rem ;
739739 margin-bottom : 1rem ;
740740 background-color : rgba ($light , 0.02 );
741741 box-shadow : 0 0 8px rgba ($dark , 0.2 );
742742
743743 .nav-link {
744744 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
749746 border : 2px solid rgba ($light , 0.15 );
750747 border-radius : 0.5rem 0.5rem 0 0 ;
751748 margin : 2px ;
@@ -773,7 +770,7 @@ a:not([href]):not([class]):hover {
773770 }
774771 }
775772
776- .nav-link.disabled {
773+ .nav-link.disabled {
777774 background : transparent ;
778775 border : none ;
779776 color : rgba ($light , 0.5 );
@@ -794,11 +791,6 @@ html {
794791 scroll-behavior : smooth ;
795792}
796793
797- h1 ,
798- h2 ,
799- h3 ,
800- h4 ,
801- h5 ,
802- h6 {
794+ h1 , h2 , h3 , h4 , h5 , h6 {
803795 scroll-margin-top : 1rem ;
804796}
0 commit comments