476 lines · css
1/* css for clang-doc mustache backend */2@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";3 4*,*::before *::after {5 box-sizing:border-box6}7* {8 margin:0;9 padding:010}11ol,12ul {13 list-style:none14}15img,16picture,17svg,18video {19 display:block;20 max-width:100%21}22 23* {24 --brand-light:#ce6300;25 --text1-light:#000000;26 --text2-light:#333333;27 --surface1-light:#ffffff;28 --surface2-light:#f5f5f5;29 --brand-dark:#de9853;30 --text1-dark:#ffffff;31 --text2-dark:#cccccc;32 --surface1-dark:#161212;33 --surface2-dark:#27242434}35 36:root {37 color-scheme:light;38 --brand:var(--brand-light);39 --text1:var(--text1-light);40 --text2:var(--text2-light);41 --text1-inverse:var(--text1-dark);42 --text2-inverse:var(--text2-dark);43 --surface1:var(--surface1-light);44 --surface2:var(--surface2-light)45}46 47@media(prefers-color-scheme:dark) {48 :root {49 color-scheme:dark;50 --brand:var(--brand-dark);51 --text1:var(--text1-dark);52 --text2:var(--text2-dark);53 --text1-inverse:var(--text1-light);54 --text2-inverse:var(--text2-light);55 --surface1:var(--surface1-dark);56 --surface2:var(--surface2-dark)57 }58}59 60[color-scheme=light] {61 color-scheme:light;62 --brand:var(--brand-light);63 --text1:var(--text1-light);64 --text2:var(--text2-light);65 --text1-inverse:var(--text1-dark);66 --text2-inverse:var(--text2-dark);67 --surface1:var(--surface1-light);68 --surface2:var(--surface2-light)69}70 71[color-scheme=dark] {72 color-scheme:dark;73 --brand:var(--brand-dark);74 --text1:var(--text1-dark);75 --text2:var(--text2-dark);76 --text1-inverse:var(--text1-light);77 --text2-inverse:var(--text2-light);78 --surface1:var(--surface1-dark);79 --surface2:var(--surface2-dark)80}81 82html {83 background-color:var(--surface1)84}85 86html, body {87 min-height: 100vh;88 margin: 0;89 padding: 0;90 width: 100%;91}92 93.container {94 display: flex;95 margin-top: 60px;96 height: calc(100% - 60px);97 box-sizing: border-box;98}99 100body, html {101 font-family:Inter,sans-serif;102 margin: 0;103 padding: 0;104 height: 100%;105}106 107/* Navbar Styles */108.navbar {109 background-color: var(--surface2);110 border-bottom: 1px solid var(--text2);111 position: fixed;112 width: 100%;113 top: 0;114 left: 0;115 height: 60px; /* Adjust as needed */116 color: white;117 display: flex;118 align-items: center;119 padding: 0 20px;120 box-sizing: border-box;121 z-index: 1000;122}123 124 125.navbar__container {126 display:flex;127 justify-content:space-between;128 align-items:center;129 padding:1rem;130 color:var(--text1);131 max-width:2048px;132 margin:auto133}134.navbar__logo {135 display:flex;136 align-items:center;137 height:40px138}139.navbar__logo a {140 display:flex;141 align-items:center;142 text-decoration:none;143 height:100%144}145.navbar__logo img {146 height:100%;147 width:auto148}149.navbar__toggle {150 background:0 0;151 color:var(--text2);152 border:none;153 cursor:pointer;154 font-size:1.5rem;155 width:2.5rem;156 height:2.5rem;157 margin-left:auto158}159.navbar__toggle:hover {160 color:var(--text1)161}162@media(min-width:769px) {163 .navbar__toggle {164 display:none165 }166}167.navbar__menu {168 display:flex;169 justify-content:space-between;170 align-items:center;171 list-style:none;172 margin:0;173 padding:0;174 gap:.25rem;175 margin-left:auto176}177 178@media(max-width:768px) {179 .navbar__menu {180 flex-direction:column;181 justify-content:flex-start;182 width:100%;183 background-color:var(--surface2);184 position:fixed;185 top:0;186 left:0;187 right:0;188 bottom:0;189 padding:1.5rem;190 transform:translateX(100%);191 transition:transform .5s ease-in-out192 }193}194@media(max-width:768px) {195 .navbar__menu.active {196 transform:translateX(0)197 }198}199.navbar__close {200 background:0 0;201 border:none;202 cursor:pointer;203 font-size:1.5rem;204 color:var(--text2);205 margin-left:auto206}207.navbar__close:hover {208 color:var(--text1)209}210 211@media(min-width:769px) {212 .navbar__close {213 display:none214 }215}216.navbar__links {217 display:flex;218 gap:1rem;219 align-items:center;220 margin:0;221 padding:0222}223 224@media(max-width:768px) {225 .navbar__links {226 flex-direction:column227 }228}229 230.navbar__item {231 list-style-type:none232}233 234.navbar__link {235 color:var(--text2);236 text-decoration:none;237 padding:.5rem238}239 240.navbar__link:hover {241 color:var(--text1)242}243 244.navbar__theme-toggle-button {245 background:0 0;246 color:var(--text2);247 border:none;248 cursor:pointer;249 font-size:1.5rem;250 width:2.5rem;251 height:2.5rem252}253 254.navbar__theme-toggle-button:hover {255 color:var(--text1)256}257 258.hero__container {259 margin-top:1rem;260 display:flex;261 justify-content:center;262 align-items:center;263 gap:2rem264}265 266.hero__title {267 font-size:2.5rem;268 margin-bottom:.5rem269}270 271.hero__title-large {272 font-size:3rem273}274 275@media(max-width:768px) {276 .hero__title-large {277 font-size:2.5rem278 }279}280 281@media(max-width:480px) {282 .hero__title-large {283 font-size:2rem284 }285}286 287@media(max-width:768px) {288 .hero__title {289 font-size:2rem290 }291}292 293@media(max-width:480px) {294 .hero__title {295 font-size:1.75rem296 }297}298 299.hero__subtitle {300 font-size:1.25rem;301 font-weight:500302}303 304@media(max-width:768px) {305 .hero__subtitle {306 font-size:1rem307 }308}309 310@media(max-width:480px) {311 .hero__subtitle {312 font-size:.875rem313 }314}315 316.section-container {317 max-width: 2048px;318 margin-left:auto;319 margin-right:auto;320 margin-top:0;321 margin-bottom: 1rem;322 padding:1rem 2rem323}324 325@media(max-width:768px) {326 .section-container {327 padding:1rem328 }329}330 331.section-container h2 {332 font-size:1.5rem;333 margin-bottom:1rem;334 color:var(--brand);335 border-bottom: 1px solid var(--text2);336}337 338@media(max-width:768px) {339 .section-container h2 {340 font-size:1.25rem341 }342}343 344.section-container p {345 font-size:1rem;346 line-height:1.5347}348 349@media(max-width:768px) {350 .section-container p {351 font-size:.875rem352 }353}354 355.home__row {356 display:grid;357 grid-template-columns:repeat(auto-fit,minmax(300px,1fr));358 gap:2rem359}360 361.table-wrapper {362 display:flex;363 flex-direction:column;364 padding:1rem;365 border-collapse: collapse; /* Ensures there are no gaps between cells */366}367 368.table-wrapper th, .table-wrapper td {369 padding: 0.5rem 1rem; /* Adds padding inside the cells */370 border:1px solid var(--text1);371 text-align: left;372}373 374.block-command-command {375 font-weight: bold;376}377 378.code-clang-doc {379 font-size: 1.1rem;380}381 382.delimiter-container {383 padding: 0.5rem 1rem;384 margin-bottom:1rem; 385}386 387.resizer {388 width: 5px;389 cursor: col-resize;390 background-color: var(--text2);391}392 393.resizer:hover {394 background-color: var(--text2-inverse);395}396 397.sidebar {398 width: 250px;399 top: 60px;400 left: 0;401 height: 100%;402 position: fixed;403 background-color: var(--surface1);404 display: flex;405 border-left: 1px solid var(--text2);406 flex-direction: column;407 overflow-y: auto;408 scrollbar-width: thin;409}410 411.sidebar h2 {412 margin-top: 0;413 margin-bottom: 20px;414 padding: 10px;415}416 417.sidebar ul {418 width: 100%;419 padding: 0;420 list-style-type: none;421}422 423.sidebar ul li {424 padding-right: 1rem;425 padding-left: 2rem;426 padding-top: 0.25rem;427 padding-bottom: 0.25rem;428}429 430.sidebar-section {431 font-size:1.5rem;432 font-weight: bold;433 margin-bottom: 1rem;434 padding: 3rem;435}436.sidebar-section a {437 color: var(--brand)438}439 440/* Content */441.content {442 background-color: var(--text1-inverse);443 padding: 20px;444 left: 250px;445 position: relative;446 width: calc(100% - 250px);447 height: 100vh;448}449 450.sidebar-item {451 color: var(--text1);452}453 454.sidebar-item-container:hover {455 width: 100%;456 background-color: grey;457}458 459.sidebar-item-container:hover a {460 width: 100%;461 color: var(--text1-inverse);462}463 464.class-container {465 padding: 0.5rem 1rem;466}467 468a, a:visited, a:hover, a:active {469 text-decoration: none;470 color: inherit;471}472 473.code-block {474 white-space: pre-line;475}476