| /* SPDX-License-Identifier: (BSD-2-Clause OR Apache-2.0) OR MIT */ | |
| /* | |
| Copyright 2026 The Fuchsia Authors | |
| Licensed under a BSD-style license <LICENSE-BSD>, Apache License, Version 2.0 | |
| <LICENSE-APACHE or https://www.apache.org/licenses/LICENSE-2.0>, or the MIT | |
| license <LICENSE-MIT or https://opensource.org/licenses/MIT>, at your option. | |
| This file may not be copied, modified, or distributed except according to | |
| those terms. | |
| */ | |
| .codegen-tabs { | |
| display: grid; | |
| grid-template-columns: repeat(var(--arity), minmax(200px, 1fr)); | |
| grid-template-rows: auto 1fr; | |
| column-gap: 1rem; | |
| } | |
| .codegen-tabs:not(:has(> details[open]))::after { | |
| grid-column: 1/-1; | |
| content: 'Click one of the above headers to expand its contents.'; | |
| font-style: italic; | |
| font-size: small; | |
| text-align: center; | |
| } | |
| .codegen-tabs details { | |
| display: grid; | |
| grid-column: 1 / -1; | |
| grid-row: 1 / span 2; | |
| grid-template-columns: subgrid; | |
| grid-template-rows: subgrid; | |
| } | |
| .codegen-tabs summary { | |
| display: grid; | |
| grid-column: var(--n) / span 1; | |
| grid-row: 1; | |
| z-index: 1; | |
| border-bottom: 2px solid var(--headings-border-bottom-color); | |
| cursor: pointer; | |
| } | |
| .codegen-tabs details[open] > summary { | |
| background-color: var(--code-block-background-color); | |
| border-bottom-color: var(--target-border-color); | |
| } | |
| .codegen-tabs details::details-content { | |
| grid-column: 1 / -1; | |
| grid-row: 2; | |
| } | |
| .codegen-tabs details:not([open])::details-content { | |
| display: none; | |
| } |