Skip to content

Commit 3d38460

Browse files
julioestjulioest
committed
chore: Update boostlook.css from boostlook repository
1 parent 6383f6b commit 3d38460

1 file changed

Lines changed: 62 additions & 34 deletions

File tree

‎static/css/boostlook.css‎

Lines changed: 62 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -909,7 +909,7 @@ body :not(pre):not([class^="L"]) > code {
909909
/* Base Container */
910910
.boostlook {
911911
font-family: var(--font-family-body, "Noto Sans") !important;
912-
font-variation-settings: "wght" 350, "wdth" 80;
912+
font-variation-settings: "wght" 350, "wdth" 87.5;
913913
background: var(--surface-background-main-base-primary, #fff);
914914
}
915915

@@ -932,10 +932,10 @@ body :not(pre):not([class^="L"]) > code {
932932
color: var(--text-main-text-primary, #18191b);
933933
display: block;
934934
line-height: var(--typography-line-height-xl, 1.75rem);
935-
margin-top: var(--padding-padding-xl, 2rem);
935+
margin-top: var(--padding-padding-lg, 1.5rem);
936936
letter-spacing: var(--spacing-size-size-0, 0rem);
937937
margin-bottom: 0.5rem;
938-
font-variation-settings: "wght" 500, "wdth" 80;
938+
font-variation-settings: "wght" 500, "wdth" 87.5;
939939
position: relative;
940940
}
941941

@@ -1151,6 +1151,18 @@ body :not(pre):not([class^="L"]) > code {
11511151
opacity: 1;
11521152
}
11531153

1154+
/* Inline math (stem/latexmath) — override reset's svg { display: block } */
1155+
.boostlook .steminline {
1156+
display: inline;
1157+
white-space: nowrap;
1158+
}
1159+
1160+
.boostlook .steminline svg {
1161+
display: inline;
1162+
vertical-align: middle;
1163+
max-width: none;
1164+
}
1165+
11541166
/* Paragraph Styling */
11551167
.boostlook p {
11561168
padding-top: initial !important;
@@ -1286,7 +1298,7 @@ div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(>.boostlook)) > #conte
12861298
/* Text Emphasis */
12871299
.boostlook b,
12881300
.boostlook strong {
1289-
font-variation-settings: "wght" 600, "wdth" 80;
1301+
font-variation-settings: "wght" 600, "wdth" 87.5;
12901302
text-shadow: none;
12911303
}
12921304

@@ -1419,7 +1431,7 @@ html.dark .boostlook .listingblock > .content > pre {
14191431
color: var(--text-main-text-body-primary, #2a2c30);
14201432
font-size: var(--typography-font-size-xs, 0.875rem);
14211433
font-style: normal;
1422-
font-variation-settings: "wght" 600, "wdth" 80;
1434+
font-variation-settings: "wght" 600, "wdth" 87.5;
14231435
line-height: var(--typography-line-height-md, 1.25rem);
14241436
letter-spacing: unset;
14251437
padding-bottom: var(--padding-padding-2xs, 0.5rem);
@@ -1560,7 +1572,7 @@ html.dark .boostlook .listingblock > .content > pre {
15601572
font-family: "Noto Sans";
15611573
font-size: var(--typography-font-size-2xs, 0.75rem);
15621574
font-style: normal;
1563-
font-variation-settings: "wght" 500, "wdth" 80;
1575+
font-variation-settings: "wght" 500, "wdth" 87.5;
15641576
line-height: var(--typography-line-height-sm, 1rem); /* 133.333% */
15651577
letter-spacing: var(--spacing-size-size-0, 0rem);
15661578
text-transform: uppercase;
@@ -1646,7 +1658,7 @@ html.dark .boostlook .listingblock > .content > pre {
16461658
color: var(--text-main-text-primary, #18191b);
16471659
text-align: center;
16481660
font-size: var(--typography-font-size-sm, 1rem);
1649-
font-variation-settings: "wght" 500, "wdth" 80;
1661+
font-variation-settings: "wght" 500, "wdth" 87.5;
16501662
line-height: var(--typography-line-height-lg, 1.5rem); /* 150% */
16511663
}
16521664

@@ -1657,9 +1669,9 @@ html.dark .boostlook .listingblock > .content > pre {
16571669
.boostlook .doc .colist > table code:not(:has(> code)) {
16581670
display: inline;
16591671
color: var(--text-code-neutral, #0d0e0f);
1660-
font-size: 0.96em;
1672+
font-size: 0.88em;
16611673
font-style: normal;
1662-
font-variation-settings: "wght" 500, "wdth" 80;
1674+
font-variation-settings: "wght" 500, "wdth" 87.5;
16631675
line-height: var(--typography-line-height-md);
16641676
letter-spacing: var(--spacing-size-size-0, 0rem);
16651677
}
@@ -1957,7 +1969,7 @@ html.dark .boostlook .hljs-code {
19571969
padding: var(--padding-padding-xs, 0.75rem);
19581970
color: var(--text-main-text-primary, #18191b);
19591971
font-size: var(--typography-font-size-sm, 1rem);
1960-
font-variation-settings: "wght" 500, "wdth" 80;
1972+
font-variation-settings: "wght" 500, "wdth" 87.5;
19611973
line-height: var(--typography-line-height-lg, 1.5rem); /* 150% */
19621974
letter-spacing: var(--spacing-size-size-0, 0rem);
19631975
text-decoration: none;
@@ -1987,7 +1999,7 @@ html.dark .boostlook .hljs-code {
19871999
position: static;
19882000
color: var(--text-main-text-body-quaternary, #949a9e);
19892001
font-size: var(--typography-font-size-2xs, 0.75rem);
1990-
font-variation-settings: "wght" 500, "wdth" 80;
2002+
font-variation-settings: "wght" 500, "wdth" 87.5;
19912003
line-height: var(--typography-line-height-sm, 1rem); /* 133.333% */
19922004
letter-spacing: var(--spacing-size-size-0, 0rem);
19932005
transform: revert;
@@ -2176,7 +2188,7 @@ html.dark .boostlook .hljs-code {
21762188
.boostlook:not(:has(.doc)) .notices .message p {
21772189
color: var(--text-main-text-primary, #18191b);
21782190
font-size: var(--typography-font-size-xs, 0.875rem);
2179-
font-variation-settings: "wght" 400, "wdth" 80;
2191+
font-variation-settings: "wght" 400, "wdth" 87.5;
21802192
line-height: var(--typography-line-height-lg, 1.5rem); /* 171.429% */
21812193
letter-spacing: var(--spacing-size-size-0, 0rem);
21822194
}
@@ -2318,7 +2330,7 @@ html.dark .boostlook .hljs-code {
23182330
border: none;
23192331
color: var(--text-main-text-primary, #18191b);
23202332
font-size: var(--typography-font-size-xs, 0.875rem);
2321-
font-variation-settings: "wght" 400, "wdth" 80;
2333+
font-variation-settings: "wght" 400, "wdth" 87.5;
23222334
line-height: var(--typography-line-height-lg, 1.5rem);
23232335
letter-spacing: var(--spacing-size-size-0, 0rem);
23242336
}
@@ -2341,7 +2353,7 @@ html.dark .boostlook .hljs-code {
23412353
color: var(--text-code-neutral, #0d0e0f);
23422354
font-size: var(--typography-font-size-xs, 0.875rem);
23432355
font-style: normal;
2344-
font-variation-settings: "wght" 500, "wdth" 80;
2356+
font-variation-settings: "wght" 500, "wdth" 87.5;
23452357
line-height: var(--typography-line-height-lg, 1.5rem); /* 171.429% */
23462358
letter-spacing: var(--spacing-size-size-0, 0rem);
23472359
margin-bottom: 0;
@@ -2368,7 +2380,7 @@ html.dark .boostlook .hljs-code {
23682380

23692381
.boostlook .dlist dl dt code,
23702382
.boostlook:not(:has(.doc)) .variablelist dl dt code {
2371-
font-variation-settings: "wght" 600, "wdth" 80;
2383+
font-variation-settings: "wght" 600, "wdth" 87.5;
23722384
font-family: var(--font-family-code, 'Monaspace Neon');
23732385
}
23742386

@@ -2412,7 +2424,7 @@ html.dark .boostlook .hljs-code {
24122424
.boostlook .dlist dl dd em,
24132425
.boostlook:not(:has(.doc)) .variablelist dl dd em {
24142426
font: inherit;
2415-
font-variation-settings: "wght" 500, "wdth" 80;
2427+
font-variation-settings: "wght" 500, "wdth" 87.5;
24162428
}
24172429

24182430
/* Edit Page Link */
@@ -2421,7 +2433,7 @@ html.dark .boostlook .hljs-code {
24212433
text-align: right;
24222434
font-size: var(--typography-font-size-2xs, 0.75rem);
24232435
font-style: normal;
2424-
font-variation-settings: "wght" 500, "wdth" 80;
2436+
font-variation-settings: "wght" 500, "wdth" 87.5;
24252437
line-height: var(--typography-line-height-sm, 1rem); /* 133.333% */
24262438
letter-spacing: var(--spacing-size-size-0, 0rem);
24272439
padding: 0 var(--padding-padding-2xs, 0.5rem);
@@ -2448,7 +2460,7 @@ html.dark .boostlook .hljs-code {
24482460
padding-bottom: var(--padding-padding-sm);
24492461
color: var(--text-main-text-body-quaternary, #949a9e);
24502462
font-size: var(--typography-font-size-xs);
2451-
font-variation-settings: "wght" 500, "wdth" 80;
2463+
font-variation-settings: "wght" 500, "wdth" 87.5;
24522464
line-height: var(--typography-line-height-sm, 1rem); /* 133.333% */
24532465
letter-spacing: var(--spacing-size-size-0, 0rem);
24542466
}
@@ -2526,6 +2538,7 @@ div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(>.boostlook)) > #conte
25262538
div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(>.boostlook)) > #content > ul:not([class])> li {
25272539
position: relative;
25282540
padding-left: 2rem;
2541+
line-height: var(--typography-line-height-lg, 1.5rem);
25292542
}
25302543

25312544
.boostlook ul.itemizedlist > li,
@@ -2537,6 +2550,7 @@ div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(>.boostlook)) > #conte
25372550
div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(>.boostlook)) > #content ul:not([class]) li,
25382551
div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(>.boostlook)) > #content ol:not([class]) li {
25392552
font: inherit;
2553+
line-height: var(--typography-line-height-lg, 1.5rem);
25402554
}
25412555

25422556
.boostlook ul.itemizedlist > li + li,
@@ -2586,6 +2600,7 @@ div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(>.boostlook)) > #conte
25862600
position: relative;
25872601
padding-left: 2rem;
25882602
counter-increment: list-counter;
2603+
line-height: var(--typography-line-height-lg, 1.5rem);
25892604
}
25902605

25912606
.boostlook .olist.arabic > ol > li::before,
@@ -2619,6 +2634,7 @@ div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(>.boostlook)) > #conte
26192634
position: relative;
26202635
padding-left: 2rem;
26212636
counter-increment: list-counter;
2637+
line-height: var(--typography-line-height-lg, 1.5rem);
26222638
}
26232639

26242640
.boostlook .olist.loweralpha > ol > li::before {
@@ -2633,7 +2649,7 @@ div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(>.boostlook)) > #conte
26332649
justify-content: center;
26342650
color: var(--text-main-text-primary, #18191b);
26352651
font-size: var(--typography-font-size-xs, 0.875rem);
2636-
font-variation-settings: "wght" 500, "wdth" 80;
2652+
font-variation-settings: "wght" 500, "wdth" 87.5;
26372653
line-height: var(--Typography-line-height-lg, 1.5rem); /* 171.429% */
26382654
letter-spacing: var(--spacing-size-size-0, 0rem);
26392655
}
@@ -2648,7 +2664,7 @@ div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(>.boostlook)) > #conte
26482664
justify-content: center;
26492665
font-family: "Noto Sans";
26502666
font-style: normal;
2651-
font-variation-settings: "wght" 350, "wdth" 80;
2667+
font-variation-settings: "wght" 350, "wdth" 87.5;
26522668
line-height: var(--typography-line-height-sm, 1rem);
26532669
font-size: var(--typography-font-size-sm, 1rem);
26542670
text-align: center;
@@ -2777,7 +2793,7 @@ div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(>.boostlook)) > #conte
27772793
color: var(--text-main-text-body-primary, #2a2c30);
27782794
font-size: var(--typography-font-size-xs, 0.875rem);
27792795
font-style: normal;
2780-
font-variation-settings: "wght" 600, "wdth" 80;
2796+
font-variation-settings: "wght" 600, "wdth" 87.5;
27812797
line-height: var(--typography-line-height-md, 1.25rem); /* 142.857% */
27822798
padding: 0;
27832799
padding-bottom: var(--padding-padding-2xs, 0.5rem);
@@ -2786,7 +2802,7 @@ div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(>.boostlook)) > #conte
27862802
.boostlook #content table.tableblock caption > *,
27872803
.boostlook:not(:has(.doc)) div.table .title > * {
27882804
font: inherit;
2789-
font-variation-settings: "wght" 500, "wdth" 80;
2805+
font-variation-settings: "wght" 500, "wdth" 87.5;
27902806
text-decoration: none;
27912807
}
27922808

@@ -2830,7 +2846,7 @@ div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(>.boostlook)) > #conte
28302846
background: var(--surface-background-main-surface-primary, #f5f6f8);
28312847
color: var(--text-main-text-primary, #000000);
28322848
font-size: var(--typography-font-size-xs, 0.875rem);
2833-
font-variation-settings: "wght" 500, "wdth" 80;
2849+
font-variation-settings: "wght" 500, "wdth" 87.5;
28342850
line-height: var(--typography-line-height-lg, 1.5rem); /* 171.429% */
28352851
}
28362852

@@ -2891,7 +2907,7 @@ div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(>.boostlook)) > #conte
28912907
.boostlook #content table.tableblock td strong,
28922908
.boostlook:not(:has(.doc)) table.table td strong,
28932909
.boostlook#libraryReadMe > table td strong {
2894-
font-variation-settings: "wght" 600, "wdth" 80;
2910+
font-variation-settings: "wght" 600, "wdth" 87.5;
28952911
}
28962912

28972913
.boostlook #content table.tableblock td code,
@@ -3189,7 +3205,7 @@ div.source-docs-antora.boostlook:not(:has(article.doc)):not(:has(> .boostlook))
31893205
.boostlook #toc > ul.sectlevel1 li:has(> ul) > a {
31903206
color: var(--text-main-text-body-quaternary, #949a9e);
31913207
font-size: var(--typography-font-size-2xs, 0.75rem);
3192-
font-variation-settings: "wght" 500, "wdth" 80;
3208+
font-variation-settings: "wght" 500, "wdth" 87.5;
31933209
line-height: var(--typography-line-height-sm, 1rem);
31943210
letter-spacing: var(--spacing-size-size-0, 0rem);
31953211
}
@@ -3256,7 +3272,7 @@ div.source-docs-antora.boostlook:not(:has(article.doc)):not(:has(> .boostlook))
32563272
font-size: var(--typography-font-size-2xs, 0.75rem);
32573273
line-height: var(--typography-line-height-sm, 1rem);
32583274
letter-spacing: var(--spacing-size-size-0, 0rem);
3259-
font-variation-settings: "wght" 600, "wdth" 80;
3275+
font-variation-settings: "wght" 600, "wdth" 87.5;
32603276
}
32613277

32623278
/* TOC code in links */
@@ -3419,7 +3435,7 @@ html.is-clipped--nav:has(.boostlook) div#content {
34193435
color: var(--text-main-text-primary, #18191b);
34203436
font-size: var(--typography-font-size-lg, 1.25rem);
34213437
font-style: normal;
3422-
font-variation-settings: "wght" 500, "wdth" 80;
3438+
font-variation-settings: "wght" 500, "wdth" 87.5;
34233439
line-height: var(--typography-line-height-xl, 1.75rem);
34243440
letter-spacing: var(--spacing-size-size-0, 0rem);
34253441
}
@@ -3674,7 +3690,7 @@ html.dark .boostlook pre.rouge .cm {
36743690
list-style: none;
36753691
color: var(--text-main-text-body-tetriary, #62676b);
36763692
font-size: var(--typography-font-size-xs, 0.875rem);
3677-
font-variation-settings: "wght" 500, "wdth" 80;
3693+
font-variation-settings: "wght" 500, "wdth" 87.5;
36783694
line-height: var(--typography-line-height-lg, 1.5rem); /* 171.429% */
36793695
letter-spacing: var(--spacing-size-size-0, 0rem);
36803696
}
@@ -4185,7 +4201,7 @@ div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(> .boostlook)) {
41854201
color: var(--text-main-text-primary, #18191b);
41864202
font-size: var(--typography-font-size-2xl, 1.75rem);
41874203
font-style: normal;
4188-
font-variation-settings: "wght" 500, "wdth" 80;
4204+
font-variation-settings: "wght" 500, "wdth" 87.5;
41894205
line-height: var(--typography-line-height-3xl, 2.5rem);
41904206
letter-spacing: var(--spacing-size-size-0, 0rem);
41914207
margin: 0;
@@ -4206,7 +4222,7 @@ div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(>.boostlook)) > #conte
42064222
color: var(--text-main-text-primary, #18191b);
42074223
font-size: var(--typography-font-size-lg, 1.25rem);
42084224
font-style: normal;
4209-
font-variation-settings: "wght" 500, "wdth" 80;
4225+
font-variation-settings: "wght" 500, "wdth" 87.5;
42104226
line-height: var(--typography-line-height-xl, 1.75rem);
42114227
letter-spacing: var(--spacing-size-size-0, 0rem);
42124228
}
@@ -4321,7 +4337,7 @@ div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(> .boostlook)) > #cont
43214337
padding: var(--spacing-size-3xs, 0.25rem);
43224338
color: var(--text-main-text-primary, #18191b);
43234339
font-size: var(--typography-font-size-2xs, 0.75rem);
4324-
font-variation-settings: "wght" 600, "wdth" 80;
4340+
font-variation-settings: "wght" 600, "wdth" 87.5;
43254341
line-height: var(--typography-line-height-sm, 1rem); /* 133.333% */
43264342
letter-spacing: var(--spacing-size-size-0, 0rem);
43274343
}
@@ -4368,6 +4384,18 @@ div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(> .boostlook)) div.spi
43684384
margin: var(--padding-padding-xs, 0.75rem) 0;
43694385
}
43704386

4387+
.boostlook :is(h1, h2, h3, h4, h5) code,
4388+
.boostlook .doc :is(h1, h2, h3, h4, h5) code {
4389+
background: transparent !important;
4390+
border: none;
4391+
font-size: 0.85em;
4392+
font-weight: 400;
4393+
color: inherit;
4394+
padding: 0;
4395+
display: initial;
4396+
transition: none;
4397+
}
4398+
43714399
.boostlook:not(:has(.doc)) a:is(h1 a, h2 a, h3 a, h4 a, h5 a) code {
43724400
background: transparent !important;
43734401
border: none;
@@ -4445,7 +4473,7 @@ div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(> .boostlook)) div.spi
44454473
color: var(--text-main-text-primary, #18191b);
44464474
font-size: var(--typography-font-size-md, 1.125rem);
44474475
font-style: normal;
4448-
font-variation-settings: "wght" 500, "wdth" 80;
4476+
font-variation-settings: "wght" 500, "wdth" 87.5;
44494477
line-height: var(--typography-line-height-xl, 1.75rem); /* 155.556% */
44504478
letter-spacing: var(--spacing-size-size-0, 0rem);
44514479
}
@@ -4475,7 +4503,7 @@ div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(> .boostlook)) div.spi
44754503
color: var(--text-main-text-body-tetriary, #62676b);
44764504
font-size: var(--typography-font-size-xs, 0.875rem);
44774505
font-style: normal;
4478-
font-variation-settings: "wght" 500, "wdth" 80;
4506+
font-variation-settings: "wght" 500, "wdth" 87.5;
44794507
line-height: var(--typography-line-height-lg, 1.5rem); /* 171.429% */
44804508
letter-spacing: var(--spacing-size-size-0, 0rem);
44814509
}
@@ -4515,7 +4543,7 @@ div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(> .boostlook)) div.spi
45154543
.boostlook:not(:has(.doc)) .copyright-footer {
45164544
color: var(--text-main-text-body-quaternary, #949a9e);
45174545
font-size: var(--typography-font-size-xs);
4518-
font-variation-settings: "wght" 500, "wdth" 80;
4546+
font-variation-settings: "wght" 500, "wdth" 87.5;
45194547
line-height: var(--typography-line-height-sm, 1rem);
45204548
letter-spacing: var(--spacing-size-size-0, 0rem);
45214549
text-align: left;

0 commit comments

Comments
 (0)