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