1414
1515 // If the TOC is disabled, reduce the subheader height to
1616 // ensure offset calculations are still correct.
17- & [data-toc = " false" ], & .no-toc {
17+ & [data-toc = " false" ],
18+ & .no-toc {
1819 --site-subheader-height : 0rem ;
1920 }
2021}
@@ -65,10 +66,10 @@ picture {
6566.material-symbols {
6667 font-family : var (--site-icon-fontFamily );
6768 font-variation-settings :
68- ' FILL' 0 ,
69- ' wght' 400 ,
70- ' GRAD' 0 ,
71- ' opsz' 24 ;
69+ ' FILL' 0 ,
70+ ' wght' 400 ,
71+ ' GRAD' 0 ,
72+ ' opsz' 24 ;
7273
7374 font-weight : normal ;
7475 font-style : normal ;
@@ -100,7 +101,9 @@ picture {
100101 max-width : 320px ;
101102 }
102103
103- & --border { border : 1px solid var (--site-inset-borderColor ); }
104+ & --border {
105+ border : 1px solid var (--site-inset-borderColor );
106+ }
104107}
105108
106109.site-image-right {
@@ -157,16 +160,16 @@ main figure {
157160 flex-direction : row ;
158161 flex-wrap : wrap ;
159162
160- > div {
161- width : 100% ;
163+ >div {
164+ width : 100% ;
162165
163166 & :last-child {
164167 text-align : center ;
165168 }
166169 }
167170
168171 @media (min-width : 769px ) {
169- > div {
172+ >div {
170173 & :first-child {
171174 flex : 0 0 58% ;
172175 max-width : 58% ;
@@ -203,7 +206,9 @@ main figure {
203206}
204207
205208table {
206- td , th {
209+
210+ td ,
211+ th {
207212 padding : .25rem ;
208213 }
209214}
@@ -232,7 +237,8 @@ table {
232237 }
233238 }
234239
235- td , th {
240+ td ,
241+ th {
236242 border-top : 1px solid var (--site-inset-borderColor );
237243 padding : .75rem ;
238244 }
@@ -244,7 +250,8 @@ thead:has(th:empty) {
244250 display : none ;
245251}
246252
247- .table-wrapper , .scrollable-table {
253+ .table-wrapper ,
254+ .scrollable-table {
248255 overflow-x : auto ;
249256 margin-block-start : 1rem ;
250257 margin-block-end : 1rem ;
@@ -274,7 +281,7 @@ blockquote {
274281details {
275282 margin-bottom : 0.75rem ;
276283
277- > summary {
284+ >summary {
278285 font-weight : 500 ;
279286 user-select : none ;
280287 border-radius : 0.125rem ;
@@ -288,7 +295,7 @@ details {
288295 & [open ] {
289296 margin-bottom : unset ;
290297
291- > summary {
298+ >summary {
292299 margin-bottom : 0.75rem ;
293300 }
294301 }
@@ -315,7 +322,7 @@ ol.steps {
315322 $step-indicator-height : 1.75rem ;
316323
317324 li {
318- > * {
325+ >* {
319326 & :first-child {
320327 margin-block-start : 0 ;
321328 }
@@ -330,22 +337,23 @@ ol.steps {
330337 }
331338 }
332339
333- ul > li {
340+ ul > li {
334341 & :not (:last-child ) {
335342 padding-block-end : .5rem ;
336343 }
337344 }
338345
339- > li {
346+ >li {
340347 position : relative ;
341348 counter-increment : steps;
342349
343- ol , ul {
350+ ol ,
351+ ul {
344352 padding-inline-start : 2rem ;
345353 margin-block-end : 0.75rem ;
346354 }
347355
348- > h3 :first-child {
356+ >h3 :first-child {
349357 display : flex ;
350358 align-items : center ;
351359 height : $step-indicator-height ;
@@ -397,18 +405,25 @@ ol.steps {
397405}
398406
399407main {
400- ol + img , ul + img , ol + p , ul + p , p + p + img {
408+
409+ ol +img ,
410+ ul +img ,
411+ ol +p ,
412+ ul +p ,
413+ p +p +img {
401414 margin-bottom : 1rem ;
402415 }
403416
404417 td {
405- > * :last-child {
418+ >* :last-child {
406419 margin-bottom : 0 ;
407420 }
408421 }
409422}
410423
411- p + ul , p + ol , p + dl {
424+ p +ul ,
425+ p +ol ,
426+ p +dl {
412427 margin-block-start : 0.75rem ;
413428 margin-block-end : 0.75rem ;
414429}
@@ -421,6 +436,7 @@ p + ul, p + ol, p + dl {
421436
422437.card-os-bug {
423438 position : relative ;
439+
424440 & ::before {
425441 content : " " ;
426442 position : absolute ;
@@ -432,33 +448,38 @@ p + ul, p + ol, p + dl {
432448 background-size : contain ;
433449 background-color : transparent ;
434450 background-repeat : no-repeat ;
435- z-index : var (--site-z-floating ); /* Place in front of card */
451+ z-index : var (--site-z-floating );
452+ /* Place in front of card */
436453 }
437454}
438455
439456.card-macos {
440457 @extend .card-os-bug ;
458+
441459 & ::before {
442460 background-image : url (" /assets/images/docs/brand-svg/macos-bug.svg" );
443461 }
444462}
445463
446464.card-windows {
447465 @extend .card-os-bug ;
466+
448467 & ::before {
449468 background-image : url (" /assets/images/docs/brand-svg/windows-bug.svg" );
450469 }
451470}
452471
453472.card-linux {
454473 @extend .card-os-bug ;
474+
455475 & ::before {
456476 background-image : url (" /assets/images/docs/brand-svg/linux.svg" );
457477 }
458478}
459479
460480.card-chromeos {
461481 @extend .card-os-bug ;
482+
462483 & ::before {
463484 background-image : url (" /assets/images/docs/brand-svg/chromeos.svg" );
464485 }
0 commit comments