| // Copyright (C) 2025 The Android Open Source Project | |
| // | |
| // 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. | |
| .pf-stack { | |
| display: flex; | |
| flex-direction: column; | |
| gap: 4px; | |
| &--horiz { | |
| flex-direction: row; | |
| align-items: baseline; | |
| } | |
| &--fill-height { | |
| height: 100%; | |
| overflow-y: hidden; | |
| } | |
| &.pf-spacing-none { | |
| gap: 0px; | |
| } | |
| &.pf-spacing-small { | |
| gap: 2px; | |
| } | |
| &.pf-spacing-medium { | |
| gap: 4px; | |
| } | |
| &.pf-spacing-large { | |
| gap: 16px; | |
| } | |
| &--wrap { | |
| flex-wrap: wrap; | |
| } | |
| &--inline { | |
| display: inline-flex; | |
| } | |
| } | |
| .pf-stack-fixed { | |
| flex: none; | |
| } | |
| .pf-stack-auto { | |
| flex: 1; | |
| overflow: hidden; | |
| } |