1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
|
/* 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
* #css_wrapper_metadata_end */
html {
--card-max-width: 960px;
--side-bar-width: 300px;
--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;
--error-color: var(--google-red-700);
--ref-palette-error10: rgba(65, 14, 11, 1);
--ref-palette-error30: rgba(140, 29, 24, 1);
--ref-palette-error90: rgba(249, 222, 220, 1);
--sys-color-error-container: var(--ref-palette-error90);
--sys-color-on-error-container: var(--ref-palette-error10);
}
@media (prefers-color-scheme: dark) {
html {
--error-color: var(--google-red-300);
--sys-color-error-container: var(--ref-palette-error30);
--sys-color-on-error-container: var(--ref-palette-error90);
}
}
|
