1/* 2Copyright 2026 The Fuchsia Authors 3 4Licensed under a BSD-style license <LICENSE-BSD>, Apache License, Version 2.0 5<LICENSE-APACHE or https://www.apache.org/licenses/LICENSE-2.0>, or the MIT 6license <LICENSE-MIT or https://opensource.org/licenses/MIT>, at your option. 7This file may not be copied, modified, or distributed except according to 8those terms. 9*/ 10 11.codegen-tabs { 12 display: grid; 13 grid-template-columns: repeat(var(--arity), minmax(200px, 1fr)); 14 grid-template-rows: auto 1fr; 15 column-gap: 1rem; 16} 17 18.codegen-tabs:not(:has(> details[open]))::after { 19 grid-column: 1/-1; 20 content: 'Click one of the above headers to expand its contents.'; 21 font-style: italic; 22 font-size: small; 23 text-align: center; 24} 25 26.codegen-tabs details { 27 display: grid; 28 grid-column: 1 / -1; 29 grid-row: 1 / span 2; 30 grid-template-columns: subgrid; 31 grid-template-rows: subgrid; 32} 33 34.codegen-tabs summary { 35 display: grid; 36 grid-column: var(--n) / span 1; 37 grid-row: 1; 38 z-index: 1; 39 border-bottom: 2px solid var(--headings-border-bottom-color); 40 cursor: pointer; 41} 42 43.codegen-tabs details[open] > summary { 44 background-color: var(--code-block-background-color); 45 border-bottom-color: var(--target-border-color); 46} 47 48.codegen-tabs details::details-content { 49 grid-column: 1 / -1; 50 grid-row: 2; 51} 52 53.codegen-tabs details:not([open])::details-content { 54 display: none; 55} 56