src/css/doc.css

   1 .doc {
   2   color: var(--doc-font-color);
   3   font-size: var(--doc-font-size);
   4   hyphens: auto;
   5   line-height: var(--doc-line-height);
   6   margin: var(--doc-margin);
   7   max-width: var(--doc-max-width);
   8   padding: 0 1rem 4rem;
   9 }
  10
  11 @media screen and (min-width: 1024px) {
  12   .doc {
  13     flex: auto;
  14     font-size: var(--doc-font-size--desktop);
  15     margin: var(--doc-margin--desktop);
  16     max-width: var(--doc-max-width--desktop);
  17     min-width: 0;
  18   }
  19 }
  20
  21 .doc h1,
  22 .doc h2,
  23 .doc h3,
  24 .doc h4,
  25 .doc h5,
  26 .doc h6 {
  27   color: var(--heading-font-color);
  28   font-weight: var(--heading-font-weight);
  29   hyphens: none;
  30   line-height: 1.3;
  31   margin: 1rem 0 0;
  32 }
  33
  34 .doc > h1.page:first-child {
  35   font-size: calc(36 / var(--rem-base) * 1rem);
  36   margin: 1.5rem 0;
  37 }
  38
  39 @media screen and (min-width: 769px) {
  40   .doc > h1.page:first-child {
  41     margin-top: 2.5rem;
  42   }
  43 }
  44
  45 h1.page + aside.toc.embedded {
  46   margin-top: -0.5rem;
  47 }
  48
  49 #preamble + .sect1,
  50 .doc .sect1 + .sect1 {
  51   margin-top: 2rem;
  52 }
  53
  54 .doc h1.sect0 {
  55   background: var(--abstract-background);
  56   font-size: 1.8em;
  57   margin: 1.5rem -1rem 0;
  58   padding: 0.5rem 1rem;
  59 }
  60
  61 .doc h2:not(.discrete) {
  62   border-bottom: 1px solid var(--section-divider-color);
  63   margin-left: -1rem;
  64   margin-right: -1rem;
  65   padding: 0.4rem 1rem 0.1rem;
  66 }
  67
  68 .doc h3:not(.discrete) {
  69   font-weight: var(--alt-heading-font-weight);
  70 }
  71
  72 .doc h1 .anchor,
  73 .doc h2 .anchor,
  74 .doc h3 .anchor,
  75 .doc h4 .anchor,
  76 .doc h5 .anchor,
  77 .doc h6 .anchor {
  78   position: absolute;
  79   text-decoration: none;
  80   width: 1.75ex;
  81   margin-left: -1.5ex;
  82   visibility: hidden;
  83   font-size: 0.8em;
  84   font-weight: normal;
  85   padding-top: 0.05em;
  86 }
  87
  88 .doc h1 .anchor::before,
  89 .doc h2 .anchor::before,
  90 .doc h3 .anchor::before,
  91 .doc h4 .anchor::before,
  92 .doc h5 .anchor::before,
  93 .doc h6 .anchor::before {
  94   content: "\00a7";
  95 }
  96
  97 .doc h1:hover .anchor,
  98 .doc h2:hover .anchor,
  99 .doc h3:hover .anchor,
 100 .doc h4:hover .anchor,
 101 .doc h5:hover .anchor,
 102 .doc h6:hover .anchor {
 103   visibility: visible;
 104 }
 105
 106 .doc p,
 107 .doc dl {
 108   margin: 0;
 109 }
 110
 111 .doc a {
 112   color: var(--link-font-color);
 113 }
 114
 115 .doc a:hover {
 116   color: var(--link_hover-font-color);
 117 }
 118
 119 .doc a.bare {
 120   hyphens: none;
 121 }
 122
 123 .doc a.unresolved {
 124   color: var(--link_unresolved-font-color);
 125 }
 126
 127 .doc i.fa {
 128   hyphens: none;
 129   font-style: normal;
 130 }
 131
 132 .doc p code,
 133 .doc thead code {
 134   color: var(--code-font-color);
 135   background: var(--code-background);
 136   border-radius: 0.25em;
 137   font-size: 0.95em;
 138   padding: 0.125em 0.25em;
 139 }
 140
 141 .doc code,
 142 .doc pre {
 143   hyphens: none;
 144 }
 145
 146 .doc pre {
 147   font-size: calc(16 / var(--rem-base) * 1rem);
 148   line-height: 1.5;
 149   margin: 0;
 150 }
 151
 152 .doc blockquote {
 153   margin: 0;
 154 }
 155
 156 .doc .paragraph.lead > p {
 157   font-size: calc(18 / var(--rem-base) * 1rem);
 158 }
 159
 160 .doc .right {
 161   float: right;
 162 }
 163
 164 .doc .left {
 165   float: left;
 166 }
 167
 168 .doc .stretch {
 169   width: 100%;
 170 }
 171
 172 .doc .underline {
 173   text-decoration: underline;
 174 }
 175
 176 .doc .line-through {
 177   text-decoration: line-through;
 178 }
 179
 180 .doc .paragraph,
 181 .doc .dlist,
 182 .doc .hdlist,
 183 .doc .olist,
 184 .doc .ulist,
 185 .doc .exampleblock,
 186 .doc .imageblock,
 187 .doc .listingblock,
 188 .doc .literalblock,
 189 .doc .sidebarblock,
 190 .doc .verseblock,
 191 .doc .quoteblock,
 192 .doc .partintro,
 193 .doc details,
 194 .doc hr {
 195   margin: 1rem 0 0;
 196 }
 197
 198 .doc table.tableblock {
 199   font-size: calc(15 / var(--rem-base) * 1rem);
 200   margin: 1.5rem 0 0;
 201 }
 202
 203 .doc table.tableblock + * {
 204   margin-top: 1.5rem;
 205 }
 206
 207 .doc p.tableblock + p.tableblock {
 208   margin-top: 0.5rem;
 209 }
 210
 211 .doc td.tableblock > .content > :first-child {
 212   margin-top: 0;
 213 }
 214
 215 .doc table.tableblock th,
 216 .doc table.tableblock td {
 217   padding: 0.5rem;
 218 }
 219
 220 .doc table.tableblock thead th {
 221   border-bottom: 2.5px solid var(--table-border-color);
 222 }
 223
 224 .doc table.tableblock td,
 225 .doc table.tableblock > :not(thead) th {
 226   border-top: 1px solid var(--table-border-color);
 227   border-bottom: 1px solid var(--table-border-color);
 228 }
 229
 230 .doc table.grid-all > * > tr > * {
 231   border: 1px solid var(--table-border-color);
 232 }
 233
 234 .doc table.grid-none > * > tr > * {
 235   border: 0;
 236 }
 237
 238 .doc table.grid-cols > * > tr > * {
 239   border-right: 1px solid var(--table-border-color);
 240 }
 241
 242 .doc table.grid-rows > * > tr > * {
 243   border-top: 1px solid var(--table-border-color);
 244 }
 245
 246 .doc table.grid-all > thead th,
 247 .doc table.grid-rows > thead th {
 248   border-bottom-width: 2.5px;
 249 }
 250
 251 .doc table.frame-all {
 252   border: 1px solid var(--table-border-color);
 253 }
 254
 255 .doc table.frame-ends {
 256   border-top: 1px solid var(--table-border-color);
 257   border-bottom: 1px solid var(--table-border-color);
 258 }
 259
 260 .doc table.frame-sides {
 261   border-left: 1px solid var(--table-border-color);
 262   border-right: 1px solid var(--table-border-color);
 263 }
 264
 265 .doc table.frame-none > colgroup + * > :first-child > *,
 266 .doc table.frame-sides > colgroup + * > :first-child > * {
 267   border-top-width: 0;
 268 }
 269
 270 /* NOTE let the grid win in case of frame-none */
 271 .doc table.frame-sides > :last-child > :last-child > * {
 272   border-bottom-width: 0;
 273 }
 274
 275 .doc table.frame-none > * > tr > :first-child,
 276 .doc table.frame-ends > * > tr > :first-child {
 277   border-left-width: 0;
 278 }
 279
 280 .doc table.frame-none > * > tr > :last-child,
 281 .doc table.frame-ends > * > tr > :last-child {
 282   border-right-width: 0;
 283 }
 284
 285 .doc table.stripes-all > tbody > tr,
 286 .doc table.stripes-odd > tbody > tr:nth-of-type(odd),
 287 .doc table.stripes-even > tbody > tr:nth-of-type(even),
 288 .doc table.stripes-hover > tbody > tr:hover {
 289   background: var(--table-stripe-background);
 290 }
 291
 292 .doc table.tableblock > tfoot {
 293   background: var(--table-footer-background);
 294 }
 295
 296 .doc .halign-left {
 297   text-align: left;
 298 }
 299
 300 .doc .halign-right {
 301   text-align: right;
 302 }
 303
 304 .doc .halign-center {
 305   text-align: center;
 306 }
 307
 308 .doc .valign-top {
 309   vertical-align: top;
 310 }
 311
 312 .doc .valign-bottom {
 313   vertical-align: bottom;
 314 }
 315
 316 .doc .valign-middle {
 317   vertical-align: middle;
 318 }
 319
 320 .doc .admonitionblock {
 321   margin: 1.4rem 0 0;
 322 }
 323
 324 .doc .admonitionblock p,
 325 .doc .admonitionblock td.content {
 326   font-size: calc(16 / var(--rem-base) * 1rem);
 327 }
 328
 329 .doc .admonitionblock td.content > :not(.title):first-child,
 330 .doc .admonitionblock td.content > .title + * {
 331   margin-top: 0;
 332 }
 333
 334 .doc .admonitionblock pre {
 335   font-size: calc(15 / var(--rem-base) * 1rem);
 336 }
 337
 338 .doc .admonitionblock > table {
 339   table-layout: fixed;
 340   position: relative;
 341   width: 100%;
 342 }
 343
 344 .doc .admonitionblock td.content {
 345   padding: 1rem 1rem 0.75rem;
 346   background: var(--admonition-background);
 347   width: 100%;
 348   word-wrap: anywhere;
 349 }
 350
 351 .doc .admonitionblock .icon {
 352   position: absolute;
 353   top: 0;
 354   left: 0;
 355   font-size: calc(15 / var(--rem-base) * 1rem);
 356   padding: 0 0.5rem;
 357   height: 1.25rem;
 358   line-height: 1;
 359   font-weight: var(--admonition-label-font-weight);
 360   text-transform: uppercase;
 361   border-radius: 0.45rem;
 362   transform: translate(-0.5rem, -50%);
 363 }
 364
 365 .doc .admonitionblock.caution .icon {
 366   background-color: var(--caution-color);
 367   color: var(--caution-on-color);
 368 }
 369
 370 .doc .admonitionblock.important .icon {
 371   background-color: var(--important-color);
 372   color: var(--important-on-color);
 373 }
 374
 375 .doc .admonitionblock.note .icon {
 376   background-color: var(--note-color);
 377   color: var(--note-on-color);
 378 }
 379
 380 .doc .admonitionblock.tip .icon {
 381   background-color: var(--tip-color);
 382   color: var(--tip-on-color);
 383 }
 384
 385 .doc .admonitionblock.warning .icon {
 386   background-color: var(--warning-color);
 387   color: var(--warning-on-color);
 388 }
 389
 390 .doc .admonitionblock .icon i {
 391   display: inline-flex;
 392   align-items: center;
 393   height: 100%;
 394 }
 395
 396 .doc .admonitionblock .icon i::after {
 397   content: attr(title);
 398 }
 399
 400 .doc .imageblock {
 401   display: flex;
 402   flex-direction: column;
 403   align-items: center;
 404 }
 405
 406 .doc .imageblock img,
 407 .doc .image > img {
 408   display: inline-block;
 409   height: auto;
 410   max-width: 100%;
 411   vertical-align: middle;
 412 }
 413
 414 .doc .image:not(.left):not(.right) > img {
 415   margin-top: -0.2em;
 416 }
 417
 418 #preamble .abstract blockquote {
 419   background: var(--abstract-background);
 420   border-left: 5px solid var(--abstract-border-color);
 421   color: var(--abstract-font-color);
 422   font-size: calc(16 / var(--rem-base) * 1rem);
 423   padding: 0.75em 1em;
 424 }
 425
 426 .doc .quoteblock,
 427 .doc .verseblock {
 428   background: var(--quote-background);
 429   border-left: 5px solid var(--quote-border-color);
 430   color: var(--quote-font-color);
 431 }
 432
 433 .doc .quoteblock {
 434   padding: 0.25rem 2rem 1.25rem;
 435 }
 436
 437 .doc .quoteblock .attribution {
 438   color: var(--quote-attribution-font-color);
 439   font-size: calc(15 / var(--rem-base) * 1rem);
 440   margin-top: 0.75rem;
 441 }
 442
 443 .doc .quoteblock blockquote {
 444   margin-top: 1rem;
 445 }
 446
 447 .doc .quoteblock .paragraph {
 448   font-style: italic;
 449 }
 450
 451 .doc .quoteblock cite {
 452   padding-left: 1em;
 453 }
 454
 455 .doc .verseblock {
 456   font-size: 1.15em;
 457   padding: 1rem 2rem;
 458 }
 459
 460 .doc .verseblock pre {
 461   font-family: inherit;
 462   font-size: inherit;
 463 }
 464
 465 .doc ol,
 466 .doc ul {
 467   margin: 0;
 468   padding: 0 0 0 2rem;
 469 }
 470
 471 .doc ul.checklist,
 472 .doc ul.none,
 473 .doc ol.none,
 474 .doc ul.no-bullet,
 475 .doc ol.unnumbered,
 476 .doc ul.unstyled,
 477 .doc ol.unstyled {
 478   list-style-type: none;
 479 }
 480
 481 .doc ul.no-bullet,
 482 .doc ol.unnumbered {
 483   padding-left: 1.25rem;
 484 }
 485
 486 .doc ul.unstyled,
 487 .doc ol.unstyled {
 488   padding-left: 0;
 489 }
 490
 491 .doc ul.circle {
 492   list-style-type: square;
 493 }
 494
 495 .doc ul.disc {
 496   list-style-type: square;
 497 }
 498
 499 .doc ul.square {
 500   list-style-type: square;
 501 }
 502
 503 .doc ol.arabic {
 504   list-style-type: decimal;
 505 }
 506
 507 .doc ol.decimal {
 508   list-style-type: decimal-leading-zero;
 509 }
 510
 511 .doc ol.loweralpha {
 512   list-style-type: lower-alpha;
 513 }
 514
 515 .doc ol.upperalpha {
 516   list-style-type: upper-alpha;
 517 }
 518
 519 .doc ol.lowerroman {
 520   list-style-type: lower-roman;
 521 }
 522
 523 .doc ol.upperroman {
 524   list-style-type: upper-roman;
 525 }
 526
 527 .doc ol.lowergreek {
 528   list-style-type: lower-greek;
 529 }
 530
 531 .doc ul.checklist {
 532   padding-left: 0.5rem;
 533 }
 534
 535 .doc ul.checklist p > i.fa-check-square-o:first-child,
 536 .doc ul.checklist p > i.fa-square-o:first-child {
 537   display: inline-flex;
 538   justify-content: center;
 539   width: 1.25rem;
 540 }
 541
 542 .doc ul.checklist i.fa-check-square-o::before {
 543   content: "\2713";
 544 }
 545
 546 .doc ul.checklist i.fa-square-o::before {
 547   content: "\274f";
 548 }
 549
 550 .doc .dlist .dlist,
 551 .doc .dlist .olist,
 552 .doc .dlist .ulist,
 553 .doc .olist .dlist,
 554 .doc .olist .olist,
 555 .doc .olist .ulist,
 556 .doc .ulist .dlist,
 557 .doc .ulist .olist,
 558 .doc .ulist .ulist {
 559   margin-top: 0.5rem;
 560 }
 561
 562 .doc .olist li + li,
 563 .doc .ulist li + li {
 564   margin-top: 0.5rem;
 565 }
 566
 567 .doc .ulist .listingblock,
 568 .doc .olist .listingblock,
 569 .doc .admonitionblock .listingblock {
 570   padding: 0;
 571 }
 572
 573 .doc .admonitionblock .title,
 574 .doc .exampleblock .title,
 575 .doc .imageblock .title,
 576 .doc .literalblock .title,
 577 .doc .listingblock .title,
 578 .doc .openblock .title,
 579 .doc .tableblock caption {
 580   color: var(--caption-font-color);
 581   font-size: calc(16 / var(--rem-base) * 1rem);
 582   font-weight: var(--caption-font-weight);
 583   font-style: italic;
 584   hyphens: none;
 585   letter-spacing: 0.01em;
 586   padding-bottom: 0.075rem;
 587   text-align: left;
 588 }
 589
 590 .doc .imageblock .title {
 591   margin-top: 0.5rem;
 592   padding-bottom: 0;
 593 }
 594
 595 .doc details {
 596   margin-left: 1rem;
 597 }
 598
 599 .doc details > summary {
 600   display: block;
 601   position: relative;
 602   line-height: var(--doc-line-height);
 603   margin-bottom: 0.5rem;
 604 }
 605
 606 .doc details > summary::-webkit-details-marker {
 607   display: none;
 608 }
 609
 610 .doc details > summary::before {
 611   content: "";
 612   border: solid transparent;
 613   border-left-color: currentColor;
 614   border-width: 0.3em 0 0.3em 0.5em;
 615   position: absolute;
 616   top: calc((var(--doc-line-height) * 0.5 - 0.3) * 1em);
 617   left: -1rem;
 618   transform: translateX(15%);
 619 }
 620
 621 .doc details[open] > summary::before {
 622   border-color: currentColor transparent transparent;
 623   border-width: 0.5rem 0.3rem 0;
 624   transform: translateY(15%);
 625 }
 626
 627 .doc details > summary::after {
 628   content: "";
 629   width: 1rem;
 630   height: 1em;
 631   position: absolute;
 632   top: calc((var(--doc-line-height) * 0.5 - 0.5) * 1em);
 633   left: -1rem;
 634 }
 635
 636 .doc details.result {
 637   margin-top: 0.25rem;
 638 }
 639
 640 .doc details.result > summary {
 641   color: var(--caption-font-color);
 642   font-style: italic;
 643   margin-bottom: 0;
 644 }
 645
 646 .doc details.result > .content {
 647   margin-left: -1rem;
 648 }
 649
 650 .doc .exampleblock > .content,
 651 .doc details.result > .content {
 652   background: var(--example-background);
 653   border: 0.25rem solid var(--example-border-color);
 654   border-radius: 0.5rem;
 655   padding: 0.75rem;
 656 }
 657
 658 .doc .exampleblock > .content::after,
 659 .doc details.result > .content::after {
 660   content: "";
 661   display: table;
 662   clear: both;
 663 }
 664
 665 .doc .exampleblock > .content > :first-child,
 666 .doc details > .content > :first-child {
 667   margin-top: 0;
 668 }
 669
 670 .doc .sidebarblock {
 671   background: var(--sidebar-background);
 672   border-radius: 0.75rem;
 673   padding: 0.75rem 1.5rem;
 674 }
 675
 676 .doc .sidebarblock > .content > .title {
 677   font-size: calc(22.5 / var(--rem-base) * 1rem);
 678   font-weight: var(--alt-heading-font-weight);
 679   line-height: 1.3;
 680   margin-bottom: -0.3em;
 681   text-align: center;
 682 }
 683
 684 .doc .sidebarblock > .content > :not(.title):first-child {
 685   margin-top: 0;
 686 }
 687
 688 /* NEEDS REVIEW prevent pre in table from causing article to exceed bounds */
 689 .doc .tableblock pre,
 690 .doc .listingblock.wrap pre {
 691   white-space: pre-wrap;
 692 }
 693
 694 .doc pre.highlight code,
 695 .doc .listingblock pre:not(.highlight),
 696 .doc .literalblock pre {
 697   background: var(--pre-background);
 698   box-shadow: inset 0 0 1.75px var(--pre-border-color);
 699   display: block;
 700   overflow-x: auto;
 701   padding: 0.75rem;
 702 }
 703
 704 .doc pre.highlight {
 705   position: relative;
 706 }
 707
 708 .doc .source-toolbox {
 709   display: flex;
 710   visibility: hidden;
 711   position: absolute;
 712   top: 0.25rem;
 713   right: 0.5rem;
 714   color: var(--pre-annotation-font-color);
 715   font-family: var(--body-font-family);
 716   font-size: calc(13.5 / var(--rem-base) * 1rem);
 717   line-height: 1;
 718 }
 719
 720 .doc .listingblock:hover .source-toolbox {
 721   visibility: visible;
 722 }
 723
 724 .doc .source-toolbox .source-lang {
 725   text-transform: uppercase;
 726   letter-spacing: 0.075em;
 727   font-size: 0.96em;
 728   line-height: 1.0425;
 729 }
 730
 731 .doc .source-toolbox > :not(:last-child)::after {
 732   content: "|";
 733   letter-spacing: 0;
 734   padding: 0 1ch;
 735 }
 736
 737 .doc .source-toolbox .copy-button {
 738   display: flex;
 739   flex-direction: column;
 740   align-items: center;
 741   background: transparent;
 742   border: none;
 743   color: inherit;
 744   outline: none;
 745   padding: 0;
 746   font-size: inherit;
 747   line-height: inherit;
 748   width: 1em;
 749   height: 1em;
 750 }
 751
 752 .doc .source-toolbox .copy-icon {
 753   flex: none;
 754   width: inherit;
 755   height: inherit;
 756 }
 757
 758 .doc .source-toolbox img.copy-icon {
 759   filter: invert(50.2%);
 760 }
 761
 762 .doc .source-toolbox svg.copy-icon {
 763   fill: currentColor;
 764 }
 765
 766 .doc .source-toolbox .copy-toast {
 767   flex: none;
 768   position: relative;
 769   display: inline-flex;
 770   justify-content: center;
 771   margin-top: 1em;
 772   background-color: var(--doc-font-color);
 773   border-radius: 0.25em;
 774   padding: 0.5em;
 775   color: var(--color-white);
 776   cursor: auto;
 777   opacity: 0;
 778   transition: opacity 0.5s ease 0.75s;
 779 }
 780
 781 .doc .source-toolbox .copy-toast::after {
 782   content: "";
 783   position: absolute;
 784   top: 0;
 785   width: 1em;
 786   height: 1em;
 787   border: 0.55em solid transparent;
 788   border-left-color: var(--doc-font-color);
 789   transform: rotate(-90deg) translateX(50%) translateY(50%);
 790   transform-origin: left;
 791 }
 792
 793 .doc .source-toolbox .copy-button.clicked .copy-toast {
 794   opacity: 1;
 795   transition: none;
 796 }
 797
 798 .doc .language-console .hljs-meta {
 799   user-select: none;
 800 }
 801
 802 .doc .dlist dt {
 803   font-style: italic;
 804 }
 805
 806 .doc .dlist dd {
 807   margin: 0 0 0.25rem 1.5rem;
 808 }
 809
 810 .doc .dlist dd:last-of-type {
 811   margin-bottom: 0;
 812 }
 813
 814 .doc td.hdlist1,
 815 .doc td.hdlist2 {
 816   padding: 0.5rem 0 0;
 817   vertical-align: top;
 818 }
 819
 820 .doc tr:first-child > .hdlist1,
 821 .doc tr:first-child > .hdlist2 {
 822   padding-top: 0;
 823 }
 824
 825 .doc td.hdlist1 {
 826   font-weight: var(--body-font-weight-bold);
 827   padding-right: 0.25rem;
 828 }
 829
 830 .doc td.hdlist2 {
 831   padding-left: 0.25rem;
 832 }
 833
 834 .doc .colist {
 835   font-size: calc(16 / var(--rem-base) * 1rem);
 836   margin: 0.25rem 0 -0.25rem;
 837 }
 838
 839 .doc .colist > table > tr > :first-child,
 840 .doc .colist > table > tbody > tr > :first-child {
 841   padding: 0.25em 0.5rem 0;
 842   vertical-align: top;
 843 }
 844
 845 .doc .colist > table > tr > :last-child,
 846 .doc .colist > table > tbody > tr > :last-child {
 847   padding: 0.25rem 0;
 848 }
 849
 850 .doc .conum[data-value] {
 851   border: 1px solid currentColor;
 852   border-radius: 100%;
 853   display: inline-block;
 854   font-family: var(--body-font-family);
 855   font-size: calc(13.5 / var(--rem-base) * 1rem);
 856   font-style: normal;
 857   line-height: 1.2;
 858   text-align: center;
 859   width: 1.25em;
 860   height: 1.25em;
 861   letter-spacing: -0.25ex;
 862   text-indent: -0.25ex;
 863 }
 864
 865 .doc .conum[data-value]::after {
 866   content: attr(data-value);
 867 }
 868
 869 .doc .conum[data-value] + b {
 870   display: none;
 871 }
 872
 873 .doc hr {
 874   border: solid var(--section-divider-color);
 875   border-width: 2px 0 0;
 876   height: 0;
 877 }
 878
 879 .doc b.button {
 880   white-space: nowrap; /* effectively ignores hyphens setting */
 881 }
 882
 883 .doc b.button::before {
 884   content: "[";
 885   padding-right: 0.25em;
 886 }
 887
 888 .doc b.button::after {
 889   content: "]";
 890   padding-left: 0.25em;
 891 }
 892
 893 .doc kbd {
 894   display: inline-block;
 895   font-size: calc(12 / var(--rem-base) * 1rem);
 896   background: var(--kbd-background);
 897   border: 1px solid var(--kbd-border-color);
 898   border-radius: 0.25em;
 899   box-shadow: 0 1px 0 var(--kbd-border-color), 0 0 0 0.1em var(--body-background) inset;
 900   padding: 0.25em 0.5em;
 901   vertical-align: text-bottom;
 902   white-space: nowrap; /* effectively ignores hyphens setting */
 903 }
 904
 905 .doc kbd,
 906 .doc .keyseq {
 907   line-height: 1;
 908 }
 909
 910 .doc .keyseq {
 911   font-size: calc(16 / var(--rem-base) * 1rem);
 912 }
 913
 914 .doc .keyseq kbd {
 915   margin: 0 0.125em;
 916 }
 917
 918 .doc .keyseq kbd:first-child {
 919   margin-left: 0;
 920 }
 921
 922 .doc .keyseq kbd:last-child {
 923   margin-right: 0;
 924 }
 925
 926 .doc .menuseq,
 927 .doc .path {
 928   hyphens: none;
 929 }
 930
 931 .doc .menuseq i.caret::before {
 932   content: "\203a";
 933   font-size: 1.1em;
 934   font-weight: var(--body-font-weight-bold);
 935   line-height: calc(1 / 1.1);
 936 }
 937
 938 .doc .nowrap {
 939   white-space: nowrap;
 940 }
 941
 942 .doc .nobreak {
 943   hyphens: none;
 944   word-wrap: normal;
 945 }
 946
 947 #footnotes {
 948   font-size: 0.85em;
 949   line-height: 1.5;
 950   margin: 2rem -0.5rem 0;
 951 }
 952
 953 #footnotes hr {
 954   border-top-width: 1px;
 955   margin-top: 0;
 956   width: 20%;
 957 }
 958
 959 #footnotes .footnote {
 960   margin: 0.5em 0 0 1em;
 961 }
 962
 963 #footnotes .footnote + .footnote {
 964   margin-top: 0.25em;
 965 }
 966
 967 #footnotes .footnote > a:first-of-type {
 968   display: inline-block;
 969   margin-left: -2em;
 970   text-align: right;
 971   width: 1.5em;
 972 }