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