| ... | ... | @@ -2,6 +2,7 @@ |
| 2 | 2 | <html lang="en"> |
| 3 | 3 | <head> |
| 4 | 4 | <meta charset="utf-8"> |
| 5 | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| 5 | 6 | <title>Documentation - Zig</title> |
| 6 | 7 | <link rel="icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAgklEQVR4AWMYWuD7EllJIM4G4g4g5oIJ/odhOJ8wToOxSTXgNxDHoeiBMfA4+wGShjyYOCkG/IGqWQziEzYAoUAeiF9D5U+DxEg14DRU7jWIT5IBIOdCxf+A+CQZAAoopEB7QJwBCBwHiip8UYmRdrAlDpIMgApwQZNnNii5Dq0MBgCxxycBnwEd+wAAAABJRU5ErkJggg=="> |
| 7 | 8 | <style> |
| ... | ... | @@ -25,6 +26,8 @@ |
| 25 | 26 | --search-sh-color: rgba(0, 0, 0, 0.18); |
| 26 | 27 | --help-sh-color: rgba(0, 0, 0, 0.75); |
| 27 | 28 | } |
| 29 | |
| 30 | html, body { margin: 0; padding:0; height: 100%; } |
| 28 | 31 | |
| 29 | 32 | a { |
| 30 | 33 | text-decoration: none; |
| ... | ... | @@ -69,6 +72,7 @@ |
| 69 | 72 | max-width: 15vw; |
| 70 | 73 | min-width: 9.5rem; |
| 71 | 74 | overflow: auto; |
| 75 | -webkit-overflow-scrolling: touch; |
| 72 | 76 | overflow-wrap: break-word; |
| 73 | 77 | flex-shrink: 0; |
| 74 | 78 | flex-grow: 0; |
| ... | ... | @@ -79,6 +83,7 @@ |
| 79 | 83 | .flex-right { |
| 80 | 84 | display: flex; |
| 81 | 85 | overflow: auto; |
| 86 | -webkit-overflow-scrolling: touch; |
| 82 | 87 | flex-grow: 1; |
| 83 | 88 | flex-shrink: 1; |
| 84 | 89 | |
| ... | ... | @@ -175,6 +180,8 @@ |
| 175 | 180 | border-bottom-color: var(--tx-color); |
| 176 | 181 | outline: none; |
| 177 | 182 | transition: border-bottom-color 0.35s, background 0.35s, box-shadow 0.35s; |
| 183 | border-radius: 0; |
| 184 | -webkit-appearance: none; |
| 178 | 185 | } |
| 179 | 186 | |
| 180 | 187 | .docs .search:focus { |
| ... | ... | @@ -258,12 +265,12 @@ |
| 258 | 265 | font-weight: bold; |
| 259 | 266 | } |
| 260 | 267 | |
| 261 | | #listFnExamples { |
| 268 | .examples { |
| 262 | 269 | list-style-type: none; |
| 263 | 270 | margin: 0; |
| 264 | 271 | padding: 0; |
| 265 | 272 | } |
| 266 | | #listFnExamples li { |
| 273 | .examples li { |
| 267 | 274 | padding: 0.5em 0; |
| 268 | 275 | white-space: nowrap; |
| 269 | 276 | overflow-x: auto; |
| ... | ... | @@ -435,6 +442,76 @@ |
| 435 | 442 | } |
| 436 | 443 | |
| 437 | 444 | } |
| 445 | |
| 446 | @media only screen and (max-width: 750px) { |
| 447 | .canvas { |
| 448 | overflow: auto; |
| 449 | } |
| 450 | .flex-main { |
| 451 | flex-direction: column; |
| 452 | display: block; |
| 453 | } |
| 454 | .sidebar { |
| 455 | min-width: calc(100vw - 2.8rem); |
| 456 | padding-left: 1.4rem; |
| 457 | padding-right: 1.4rem; |
| 458 | } |
| 459 | .logo { |
| 460 | max-width: 6.5rem; |
| 461 | } |
| 462 | .flex-main > .flex-filler { |
| 463 | display: none; |
| 464 | } |
| 465 | .flex-main > .flex-right > .flex-filler { |
| 466 | display: none; |
| 467 | } |
| 468 | .flex-main > .flex-right > .wrap { |
| 469 | max-width: 100vw; |
| 470 | } |
| 471 | .flex-main > .flex-right > .wrap > .docs { |
| 472 | padding-right: 1.4rem; |
| 473 | background: transparent; |
| 474 | } |
| 475 | .packages { |
| 476 | display: flex; |
| 477 | flex-wrap: wrap; |
| 478 | } |
| 479 | .table-container table { |
| 480 | display: flex; |
| 481 | flex-direction: column; |
| 482 | } |
| 483 | .table-container tr { |
| 484 | display: flex; |
| 485 | flex-direction: column; |
| 486 | } |
| 487 | .examples { |
| 488 | overflow-x: scroll; |
| 489 | -webkit-overflow-scrolling: touch; |
| 490 | max-width: 100vw; |
| 491 | margin-left: -1.4rem; |
| 492 | margin-right: -1.4rem; |
| 493 | } |
| 494 | .examples li { |
| 495 | width: max-content; |
| 496 | padding-left: 1.4rem; |
| 497 | padding-right: 1.4rem; |
| 498 | } |
| 499 | .mobile-scroll-container { |
| 500 | overflow-x: scroll; |
| 501 | -webkit-overflow-scrolling: touch; |
| 502 | margin-left: -1.4rem; |
| 503 | margin-right: -1.4rem; |
| 504 | max-width: 100vw; |
| 505 | } |
| 506 | .mobile-scroll-container > .scroll-item { |
| 507 | margin-left: 1.4rem; |
| 508 | margin-right: 1.4rem; |
| 509 | box-sizing: border-box; |
| 510 | width: max-content; |
| 511 | display: inline-block; |
| 512 | min-width: calc(100% - 2.8rem); |
| 513 | } |
| 514 | } |
| 438 | 515 | </style> |
| 439 | 516 | </head> |
| 440 | 517 | <body class="canvas"> |
| ... | ... | @@ -471,7 +548,7 @@ |
| 471 | 548 | <p id="status">Loading...</p> |
| 472 | 549 | <div id="sectNav" class="hidden"><ul id="listNav"></ul></div> |
| 473 | 550 | <div id="fnProto" class="hidden"> |
| 474 | | <pre id="fnProtoCode"></pre> |
| 551 | <div class="mobile-scroll-container"><pre id="fnProtoCode" class="scroll-item"></pre></div> |
| 475 | 552 | </div> |
| 476 | 553 | <h1 id="hdrName" class="hidden"></h1> |
| 477 | 554 | <div id="fnNoExamples" class="hidden"> |
| ... | ... | @@ -518,21 +595,27 @@ |
| 518 | 595 | </div> |
| 519 | 596 | <div id="sectGlobalVars" class="hidden"> |
| 520 | 597 | <h2>Global Variables</h2> |
| 521 | | <table> |
| 522 | | <tbody id="listGlobalVars"></tbody> |
| 523 | | </table> |
| 598 | <div class="table-container"> |
| 599 | <table> |
| 600 | <tbody id="listGlobalVars"></tbody> |
| 601 | </table> |
| 602 | </div> |
| 524 | 603 | </div> |
| 525 | 604 | <div id="sectFns" class="hidden"> |
| 526 | 605 | <h2>Functions</h2> |
| 527 | | <table> |
| 528 | | <tbody id="listFns"></tbody> |
| 529 | | </table> |
| 606 | <div class="table-container"> |
| 607 | <table> |
| 608 | <tbody id="listFns"></tbody> |
| 609 | </table> |
| 610 | </div> |
| 530 | 611 | </div> |
| 531 | 612 | <div id="sectValues" class="hidden"> |
| 532 | 613 | <h2>Values</h2> |
| 533 | | <table> |
| 534 | | <tbody id="listValues"></tbody> |
| 535 | | </table> |
| 614 | <div class="table-container"> |
| 615 | <table> |
| 616 | <tbody id="listValues"></tbody> |
| 617 | </table> |
| 618 | </div> |
| 536 | 619 | </div> |
| 537 | 620 | <div id="sectErrSets" class="hidden"> |
| 538 | 621 | <h2>Error Sets</h2> |
| ... | ... | @@ -540,7 +623,7 @@ |
| 540 | 623 | </div> |
| 541 | 624 | <div id="fnExamples" class="hidden"> |
| 542 | 625 | <h2>Examples</h2> |
| 543 | | <ul id="listFnExamples"></ul> |
| 626 | <ul id="listFnExamples" class="examples"></ul> |
| 544 | 627 | </div> |
| 545 | 628 | </section> |
| 546 | 629 | </div> |