| /* Copyright 2020 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=style |
| * #import=../oobe_vars/oobe_custom_vars.css.js |
| * #import=../oobe_vars/oobe_shared_vars.css.js |
| * #import=./oobe_flex_layout_styles.css.js |
| * #include=oobe-flex-layout-styles |
| * #css_wrapper_metadata_end */ |
| |
| :host .oobe-default-font { |
| color: var(--oobe-text-color); |
| font-family: var(--oobe-default-font-family); |
| font-size: var(--oobe-default-font-size); |
| font-weight: var(--oobe-default-font-weight); |
| line-height: var(--oobe-default-line-height); |
| } |
| |
| /* Always add a border to avoid loops in ResizeObserver */ |
| .scrollable { |
| border-top: transparent solid 1px; |
| border-bottom: transparent solid 1px; |
| } |
| /* Classes can-scroll is-scrolled scrolled-to-bottom are set by |
| OobeScrollableBehavior. */ |
| .scrollable.can-scroll:not(.is-scrolled):not(.scrolled-to-bottom) { |
| border-bottom-color: var(--cros-sys-separator); |
| } |
| .scrollable.can-scroll.is-scrolled:not(.scrolled-to-bottom) { |
| border-top-color: var(--cros-sys-separator); |
| border-bottom-color: var(--cros-sys-separator); |
| } |
| .scrollable.is-scrolled.scrolled-to-bottom { |
| border-top-color: var(--cros-sys-separator); |
| } |
| |
| /* Links styles used within OOBE */ |
| |
| .oobe-local-link { |
| color: var(--cros-link-color); |
| cursor: pointer; |
| text-decoration: none; |
| } |
| :host-context(.jelly-enabled) .oobe-local-link { |
| color: var(--cros-sys-primary); |
| } |
| |
| .oobe-local-link:focus { |
| outline-color: var(--cros-focus-ring-color); |
| transition: outline-color 200ms; |
| } |
| :host-context(.jelly-enabled) .oobe-local-link:focus { |
| outline-color: var(--cros-sys-focus_ring); |
| } |
| |
| .oobe-optin-row { |
| border-top: 1px solid var(--cros-sys-separator); |
| font-size: var(--oobe-optin-row-font-size); |
| margin-top: 12px; |
| padding-top: 12px; |
| } |
| |
| .oobe-optin-title { |
| color: var(--oobe-header-text-color); |
| font-family: var(--oobe-optin-title-font-family); |
| font-weight: var(--oobe-optin-title-font-weight); |
| } |
| |
| .oobe-optin-content { |
| margin-inline-end: 16px; |
| } |