| ... | @@ -43,6 +43,8 @@ | ... | @@ -43,6 +43,8 @@ |
| 43 | | 43 | |
| 44 | /* layout */ | 44 | /* layout */ |
| 45 | .canvas { | 45 | .canvas { |
| | 46 | display: flex; |
| | 47 | flex-direction: column; |
| 46 | width: 100vw; | 48 | width: 100vw; |
| 47 | height: 100vh; | 49 | height: 100vh; |
| 48 | overflow: hidden; | 50 | overflow: hidden; |
| ... | @@ -53,12 +55,21 @@ | ... | @@ -53,12 +55,21 @@ |
| 53 | background-color: var(--bg-color); | 55 | background-color: var(--bg-color); |
| 54 | } | 56 | } |
| 55 | | 57 | |
| | 58 | .banner { |
| | 59 | background-color: darkred; |
| | 60 | text-align: center; |
| | 61 | color: white; |
| | 62 | padding: 15px 5px; |
| | 63 | } |
| | 64 | |
| | 65 | .banner a { |
| | 66 | color: bisque; |
| | 67 | text-decoration: underline; |
| | 68 | } |
| | 69 | |
| 56 | .flex-main { | 70 | .flex-main { |
| 57 | display: flex; | 71 | display: flex; |
| 58 | width: 100%; | 72 | overflow-y: hidden; |
| 59 | height: 100%; | | |
| 60 | justify-content: center; | | |
| 61 | | | |
| 62 | z-index: 100; | 73 | z-index: 100; |
| 63 | } | 74 | } |
| 64 | | 75 | |
| ... | @@ -515,7 +526,7 @@ | ... | @@ -515,7 +526,7 @@ |
| 515 | </style> | 526 | </style> |
| 516 | </head> | 527 | </head> |
| 517 | <body class="canvas"> | 528 | <body class="canvas"> |
| 518 | <div style="background-color: darkred; width: 100vw; text-align: center; color: white; padding: 15px 5px;">These docs are experimental. <a style="color: bisque;text-decoration: underline;" href="https://kristoff.it/blog/zig-new-relationship-llvm/">Progress depends on the self-hosted compiler</a>, <a style="color: bisque;text-decoration: underline;" href="https://github.com/ziglang/zig/wiki/How-to-read-the-standard-library-source-code">consider reading the stlib source in the meantime</a>.</div> | 529 | <div class="banner">These docs are experimental. <a href="https://kristoff.it/blog/zig-new-relationship-llvm/">Progress depends on the self-hosted compiler</a>, <a href="https://github.com/ziglang/zig/wiki/How-to-read-the-standard-library-source-code">consider reading the stdlib source in the meantime</a>.</div> |
| 519 | <div class="flex-main"> | 530 | <div class="flex-main"> |
| 520 | <div class="flex-filler"></div> | 531 | <div class="flex-filler"></div> |
| 521 | <div class="flex-left sidebar"> | 532 | <div class="flex-left sidebar"> |