/** * Copyright 2025 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .examples__filters { margin-bottom: 1em; &:last-child { margin-bottom: 0; } h3 { margin: 0; } } .examples__tag { background-color: $color-examples; border-radius: 3px; color: $white; display: inline-block; font-size: 0.75em; line-height: 1; margin-bottom: 0.2em; min-width: 3em; padding: 0.3em; text-align: center; text-transform: uppercase; &:hover, &:active, &:focus { color: $white; background-color: darken($color-examples, 20); } } .examples__filters--selected { .examples__tag { background-color: lighten($color-examples, 20); &.selected { background-color: $color-examples; } } } .example__meta { margin-top: -1em; margin-bottom: 0.5em; font-size: 0.8em; text-transform: uppercase; color: $gray-09; }