Skip to content

Commit 0218bd7

Browse files
TinoDigitalAgencyTinoDigitalAgency
committed
chore: Update boostlook.css from boostlook repository
1 parent 51d309c commit 0218bd7

File tree

1 file changed

+88
-25
lines changed

1 file changed

+88
-25
lines changed

‎static/css/boostlook.css‎

Lines changed: 88 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -280,6 +280,7 @@
280280
--font-size-2xs: 0.75rem;
281281
--font-size-xs: 0.875rem;
282282
--font-size-sm: 1rem;
283+
--font-size-2sm: 1.2rem;
283284
--font-size-md: 1.125rem;
284285
--font-size-lg: 1.25rem;
285286
--font-size-xl: 1.5rem;
@@ -357,6 +358,7 @@
357358
--typography-font-size-xs: var(--font-size-xs);
358359
--typography-font-size-sm: var(--font-size-xs);
359360
--typography-font-size-md: var(--font-size-sm);
361+
--typography-font-size-2md: var(--font-size-2sm);
360362
--typography-font-size-lg: var(--font-size-md);
361363
--typography-font-size-xl: var(--font-size-lg);
362364
--typography-font-size-2xl: var(--font-size-xl);
@@ -925,22 +927,22 @@ body :not(pre):not([class^="L"]) > code {
925927
/* Section headings */
926928
.boostlook h3,
927929
.boostlook .doc h3 {
928-
font-size: var(--typography-font-size-md, 1.125rem);
929-
line-height: var(--typography-line-height-xl, 1.75rem); /* 155.556% */
930+
font-size: var(--typography-font-size-md, 1.2rem);
931+
line-height: var(--typography-line-height-xl, 1.85rem); /* 155.556% */
930932
}
931933

932934
/* Subsection headings */
933935
.boostlook h4,
934936
.boostlook .doc h4 {
935-
font-size: var(--font-size-sm, 1rem);
936-
line-height: var(--font-line-height-lg, 1.5rem);
937+
font-size: var(--typography-font-size-md, 1.125rem);
938+
line-height: var(--typography-line-height-xl, 1.75rem); /* 155.556% */
937939
}
938940

939941
/* Topic headings */
940942
.boostlook h5,
941943
.boostlook .doc h5 {
942-
font-size: var(--font-size-xs, 0.875rem);
943-
line-height: var(--font-line-height-md, 1.25rem);
944+
font-size: var(--font-size-sm, 1rem);
945+
line-height: var(--font-line-height-lg, 1.5rem);
944946
}
945947

946948
/* Subtopic headings */
@@ -1139,7 +1141,7 @@ body :not(pre):not([class^="L"]) > code {
11391141
/* Outcome 2.2 Weird Template fix */
11401142
.boostlook:not(:has(.doc))#boost-legacy-docs-wrapper > #content > p + p,
11411143
.boostlook:not(:has(.doc))#antora-template-wrapper > #content > p + p,
1142-
div.source-docs-antora.boostlook:not(:has(>.boostlook)) > #content > p + p {
1144+
div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(>.boostlook)) > #content > p + p {
11431145
margin-top: var(--padding-padding-3xs, 0.25rem);
11441146
}
11451147

@@ -1409,6 +1411,11 @@ html.dark .boostlook .doc .literalblock pre {
14091411
margin-top: var(--padding-padding-xs, 0.75rem);
14101412
}
14111413

1414+
.boostlook .listingblock:has(> .content > pre):not(:is(dd pre, td pre)):has(.title) {
1415+
border: none;
1416+
background: none;
1417+
}
1418+
14121419
.boostlook .listingblock:has(> .content > pre):not(:last-child),
14131420
.boostlook .listingblock:has(> .content > pre.highlight):not(:last-child),
14141421
.boostlook:not(:has(.doc)) pre.programlisting:not(:last-child),
@@ -1425,7 +1432,7 @@ html.dark .boostlook .doc .literalblock pre {
14251432

14261433
.boostlook .content:has(> pre):has(> .source-toolbox) pre {
14271434
border-top: 1px solid var(--border-border-secondary, #d5d7d9);
1428-
border-radius: var(--spacing-size-2xs, 0.5rem);
1435+
/*border-radius: var(--spacing-size-2xs, 0.5rem);*/
14291436
}
14301437

14311438
.boostlook .content:has(> pre):has(> .source-toolbox) .source-toolbox {
@@ -1442,6 +1449,15 @@ html.dark .boostlook .doc .literalblock pre {
14421449
min-height: 2rem;
14431450
}
14441451

1452+
.boostlook .content:has(> pre):has(> .source-toolbox):not(:has(.source-lang)) .source-toolbox {
1453+
min-height: 0;
1454+
height: 0;
1455+
padding: 0 !important;
1456+
margin-bottom: -1px;
1457+
}
1458+
.boostlook .content:has(> pre):has(> .source-toolbox):not(:has(.source-lang)) .source-toolbox .copy-button {
1459+
top: 0.25rem;
1460+
}
14451461
.boostlook .content:has(> pre):has(> .source-toolbox) .source-lang {
14461462
color: var(--text-main-text-body-quaternary, #949a9e);
14471463
text-align: right;
@@ -2193,6 +2209,40 @@ html.dark .boostlook .hljs-code {
21932209
margin-top: var(--padding-padding-2xs, 0.5rem);
21942210
}
21952211

2212+
.boostlook #content .dlist:not(:first-child):not(.dlist .dlist):has(.hdlist1) {
2213+
background-color: var(--surface-background-main-surface-blue-primary, #ebf4f9);
2214+
border: 1px solid var(--border-border-blue-primary, #c2e2f4);
2215+
padding: var(--padding-padding-xs, 0.75rem) var(--padding-padding-md, 1.125rem);
2216+
}
2217+
.boostlook #content .dlist:not(:first-child):not(.dlist .dlist):has(.hdlist1) .hdlist1 {
2218+
font-size: var(--typography-font-size-sm, 1rem);
2219+
font-variation-settings: "wght" 600, "wdth" 62.5;
2220+
line-height: var(--typography-line-height-lg, 1.5rem);
2221+
letter-spacing: var(--spacing-size-size-0, 0rem);
2222+
font-weight: 600;
2223+
color: #000 !important;
2224+
/*margin-bottom: var(--spacing-size-2xs, 0.5rem);*/
2225+
}
2226+
.boostlook #content .dlist:not(:first-child):not(.dlist .dlist):has(.hdlist1) dd a:hover {
2227+
color: var(--text-states-text-warning, #FF9442);
2228+
cursor: pointer;
2229+
}
2230+
.boostlook #content .dlist:not(:first-child):not(.dlist .dlist):has(.hdlist1) dd a {
2231+
color: var(--text-main-text-link-blue, #026a9f);
2232+
text-decoration: none;
2233+
transition: color 0.3s ease;
2234+
}
2235+
.boostlook #content .dlist:not(:first-child):not(.dlist .dlist):has(.hdlist1) dd {
2236+
margin: 0;
2237+
padding: 0;
2238+
border: none;
2239+
color: var(--text-main-text-primary, #18191b);
2240+
font-size: var(--typography-font-size-xs, 0.875rem);
2241+
font-variation-settings: "wght" 400, "wdth" 80;
2242+
line-height: var(--typography-line-height-lg, 1.5rem);
2243+
letter-spacing: var(--spacing-size-size-0, 0rem);
2244+
}
2245+
21962246
.boostlook .dlist dl,
21972247
.boostlook:not(:has(.doc)) .variablelist dl {
21982248
display: flex;
@@ -2462,7 +2512,7 @@ div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(>.boostlook)) > #conte
24622512

24632513
.boostlook .olist.arabic > ol > li::before,
24642514
.boostlook:not(:has(.doc)) .orderedlist > ol > li::before {
2465-
content: counter(list-counter, decimal-leading-zero);
2515+
content: counter(list-counter);
24662516
position: absolute;
24672517
left: 0;
24682518
top: -4px;
@@ -2484,9 +2534,9 @@ div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(>.boostlook)) > #conte
24842534
top: 0px;
24852535
width: 30px;
24862536
height: 24px;
2487-
border: 1px solid var(--border-border-tetriary);
2537+
/*border: 1px solid var(--border-border-tetriary);*/
24882538
/* Mask to make square brackets for marker to make it look like [ 01 ] */
2489-
clip-path: polygon(0 0, 3px 0, 3px 3px, 27px 3px, 27px 0, 30px 0, 30px 24px, 27px 24px, 27px 21px, 3px 21px, 3px 24px, 0 24px);
2539+
/*clip-path: polygon(0 0, 3px 0, 3px 3px, 27px 3px, 27px 0, 30px 0, 30px 24px, 27px 24px, 27px 21px, 3px 21px, 3px 24px, 0 24px);*/
24902540
}
24912541

24922542
/* LowerAlfa Ordered List */
@@ -2527,13 +2577,18 @@ div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(>.boostlook)) > #conte
25272577
line-height: var(--typography-line-height-sm, 1rem);
25282578
font-size: var(--typography-font-size-2xs, 0.75rem);
25292579
text-align: center;
2530-
width: 24px;
2531-
height: 24px;
2580+
width: 32px;
2581+
height: 32px;
25322582
letter-spacing: var(--spacing-size-size-0, 0rem);
25332583
text-indent: unset;
25342584
color: var(--text-main-text-primary, #18191b);
25352585
text-align: center;
2586+
/*background: var(--surface-background-main-surface-secondary, #e4e7ea);*/
2587+
}
2588+
.boostlook .doc code .conum[data-value] {
25362589
background: var(--surface-background-main-surface-secondary, #e4e7ea);
2590+
width: 24px;
2591+
height: 24px;
25372592
}
25382593

25392594
.boostlook .doc .conum[data-value]::after {
@@ -2687,7 +2742,7 @@ div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(>.boostlook)) > #conte
26872742
.boostlook:not(:has(.doc)) table.table:not(:has(thead)) tr:first-child td:first-child,
26882743
.boostlook#libraryReadMe > table:has(thead) th:first-child,
26892744
.boostlook#libraryReadMe > table:not(:has(thead)) tr:first-child td:first-child {
2690-
border-top-left-radius: var(--spacing-size-2xs, 0.5rem);
2745+
/*border-top-left-radius: var(--spacing-size-2xs, 0.5rem);*/
26912746
}
26922747

26932748
.boostlook #content table.tableblock:has(thead) th:last-child,
@@ -2696,19 +2751,19 @@ div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(>.boostlook)) > #conte
26962751
.boostlook:not(:has(.doc)) table.table:not(:has(thead)) tr:first-child td:last-child,
26972752
.boostlook#libraryReadMe > table:has(thead) th:last-child,
26982753
.boostlook#libraryReadMe > table:not(:has(thead)) tr:first-child td:last-child {
2699-
border-top-right-radius: var(--spacing-size-2xs, 0.5rem);
2754+
/*border-top-right-radius: var(--spacing-size-2xs, 0.5rem);*/
27002755
}
27012756

27022757
.boostlook #content table.tableblock tr:last-child td:first-child,
27032758
.boostlook:not(:has(.doc)) table.table tr:last-child td:first-child,
27042759
.boostlook#libraryReadMe > table tr:last-child td:first-child {
2705-
border-bottom-left-radius: var(--spacing-size-2xs, 0.5rem);
2760+
/*border-bottom-left-radius: var(--spacing-size-2xs, 0.5rem);*/
27062761
}
27072762

27082763
.boostlook #content table.tableblock tr:last-child td:last-child,
27092764
.boostlook:not(:has(.doc)) table.table tr:last-child td:last-child,
27102765
.boostlook#libraryReadMe > table tr:last-child td:last-child {
2711-
border-bottom-right-radius: var(--spacing-size-2xs, 0.5rem);
2766+
/*border-bottom-right-radius: var(--spacing-size-2xs, 0.5rem);*/
27122767
}
27132768

27142769
.boostlook #content table.tableblock th,
@@ -2991,8 +3046,10 @@ html:has(#docsiframe)::-webkit-scrollbar {
29913046
/* Article Layout */
29923047
.article.toc2.toc-left {
29933048
min-height: 100vh;
2994-
/* Simplified: always use offset behavior, never center */
2995-
margin-left: var(--main-max-width-leftbar);
3049+
/* with padding compensation */
3050+
max-width: calc(var(--main-container) + 2rem);
3051+
margin-left: auto;
3052+
margin-right: auto;
29963053
background: var(--surface-background-main-base-primary, #fff);
29973054
position: relative;
29983055
overflow-y: auto;
@@ -3014,7 +3071,7 @@ html:has(#docsiframe)::-webkit-scrollbar {
30143071
.boostlook #toc.toc2,
30153072
#boost-legacy-docs-wrapper:not(:has(article.doc)) #toc.toc2.is-active,
30163073
#antora-template-wrapper:not(:has(article.doc)) #toc.toc2.is-active,
3017-
div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(> .boostlook)) #toc.toc2.is-active {
3074+
div.source-docs-antora.boostlook:not(:has(article.doc)):not(:has(> .boostlook)) #toc.toc2.is-active {
30183075
position: static;
30193076
}
30203077

@@ -3152,7 +3209,7 @@ div.source-docs-antora.boostlook:not(:has(.doc)):not(:has(> .boostlook)) #toc.to
31523209
.boostlook #header > *,
31533210
.boostlook #footer > * {
31543211
max-width: var(--main-content-width);
3155-
margin-left: 0;
3212+
margin: 0 auto;
31563213
}
31573214

31583215
.boostlook #preamble + .sect1,
@@ -3185,7 +3242,7 @@ html.is-clipped--nav:has(.boostlook) div#content {
31853242
.boostlook #toc.toc2 {
31863243
position: fixed;
31873244
width: var(--main-max-width-leftbar);
3188-
left: 0;
3245+
left: max(1rem, 50% - 45rem);
31893246
top: 0;
31903247
z-index: 1000;
31913248
height: 100vh;
@@ -3213,7 +3270,7 @@ html.is-clipped--nav:has(.boostlook) div#content {
32133270
.boostlook #toggle-toc {
32143271
position: fixed;
32153272
top: 2rem;
3216-
left: 1rem;
3273+
left: max(1rem, 50% - 39rem - 1rem);
32173274
background-color: var(--surface-background-main-base-primary);
32183275
box-shadow: 0 0px 3px var(--surface-background-main-surface-transparent-inverse);
32193276
border: 0;
@@ -3235,12 +3292,12 @@ html.is-clipped--nav:has(.boostlook) div#content {
32353292
}
32363293

32373294
html.toc-hidden .boostlook #toggle-toc {
3238-
left: 2px;
3295+
left: max(2px, 50% - 45rem - 1rem);
32393296
}
32403297

32413298
/* Visible TOC */
32423299
html.toc-visible .boostlook #toggle-toc {
3243-
left: 2px;
3300+
left: max(2px, 50% - 45rem - 1rem);
32443301
background-color: var(--surface-background-main-base-primary);
32453302
}
32463303

@@ -3255,6 +3312,8 @@ html.is-clipped--nav:has(.boostlook) div#content {
32553312
html.toc-visible #toc.toc2 {
32563313
opacity: 1;
32573314
visibility: visible;
3315+
/* width: 250px;
3316+
padding-left: 1.5rem; */
32583317
}
32593318

32603319
/* TOC Shadow States */
@@ -3266,6 +3325,10 @@ html.is-clipped--nav:has(.boostlook) div#content {
32663325
html.toc-visible.toc-pinned #toggle-toc {
32673326
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%235f6368%22%3E%3Cpath%20d%3D%22M560-240%20320-480l240-240%2056%2056-184%20184%20184%20184-56%2056Z%22%2F%3E%3C%2Fsvg%3E");
32683327
}
3328+
3329+
/* html.toc-visible.toc-pinned .boostlook {
3330+
margin-left: var(--main-max-width-leftbar);
3331+
} */
32693332
}
32703333
/* TOC Common End */
32713334

0 commit comments

Comments
 (0)