| /* Copyright 2016 The Chromium Authors. All rights reserved. |
| * Use of this source code is governed by a BSD-style license that can be |
| * found in the LICENSE file. */ |
| |
| :host { |
| background-color: white; |
| display: flex; |
| min-height: 0; |
| width: 100%; |
| } |
| |
| #elementBox { |
| width: inherit; |
| } |
| |
| cr-toggle { |
| align-self: center; |
| } |
| |
| /* Line heights of 20 pixels title (#titleContainer) and 20 pixels value |
| (.display-value) results in exactly 26 pixels from border to title base |
| line, and 20 pixels between title and value baselines (see specs in |
| https://crbug.com/852034). */ |
| #titleContainer ::slotted(*) { |
| color: var(--google-grey-900); |
| font-size: 13px; |
| line-height: 20px; /* See comment above */ |
| } |
| |
| .display-value ::slotted(*) { |
| color: rgb(95, 99, 104); /* #5F6368 */ |
| font-size: 13px; |
| line-height: 20px; /* See comment above */ |
| } |