| /* Copyright 2022 The Chromium Authors |
| * Use of this source code is governed by a BSD-style license that can be |
| * found in the LICENSE file. */ |
| |
| /* #css_wrapper_metadata_start |
| * #type=vars |
| * #import=chrome://resources/cr_elements/cr_shared_vars.css.js |
| * #import=chrome://resources/polymer/v3_0/paper-styles/color.js |
| * #css_wrapper_metadata_end */ |
| |
| html { |
| --card-max-width: 960px; |
| --side-bar-width: 250px; |
| --toolbar-height: 56px; |
| /* Centered cards has a max-width of var(--cr-centered-card-max-width) |
| * and a width of a certain percentage. Therefore, to make room for the |
| * cards to be at their max width, the flex-basis of the content needs to be |
| * whatever value the percentage of would equal to the max width. */ |
| --password-manager-main-basis: calc(var(--cr-centered-card-max-width) / |
| var(--cr-centered-card-width-percentage)); |
| --control-label-spacing: 20px; |
| --section-min-height: 48px; |
| /* Spacing between a control (e.g. checkbox) and its label. */ |
| --two-line-section-min-height: 64px; |
| } |