chromium/ash/webui/print_management/resources/print_management_fonts.css

/* 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=style
 * #css_wrapper_metadata_end */

:host {
  --print-management-title-font-family: "Google Sans", Roboto, sans-serif;
  --print-management-default-font-family: Roboto, sans-serif;
  --print-management-header-font-family: Roboto, sans-serif;
  --print-management-button-font-family: Roboto, sans-serif;

  --print-management-title-font-size: 22px;
  --print-management-default-font-size: 13px;
  --print-management-header-font-size: 13px;
  --print-management-button-font-size: 13px;

  --print-management-title-font-weight: 500; /* medium */
  --print-management-default-font-weight: 400; /* regular */
  --print-management-header-font-weight: 500; /* medium */
  --print-management-button-font-weight: 500; /* medium */

  --print-management-title-text-color: var(--cros-text-color-primary);
  --print-management-default-text-color: var(--cros-text-color-primary);
  --print-management-header-text-color: var(--cros-text-color-secondary);
  --print-management-button-text-color: var(--cros-text-color-prominent);
}

:host-context(body.jelly-enabled) {
  --print-management-title-font-family: var(--cros-display-6-font-family);
  --print-management-default-font-family: var(--cros-body-2-font-family);
  --print-management-header-font-family: var(--cros-button-2-font-family);
  --print-management-button-font-family: var(--cros-button-2-font-family);

  --print-management-title-font-size:  var(--cros-display-6-font-size);
  --print-management-default-font-size: var(--cros-body-2-font-size);
  --print-management-header-font-size: var(--cros-button-2-font-size);
  --print-management-button-font-size: var(--cros-button-2-font-size);

  --print-management-title-font-weight: var(--cros-display-6-font-weight);
  --print-management-default-font-weight: var(--cros-body-2-font-weight);
  --print-management-header-font-weight: var(--cros-button-2-font-weight);
  --print-management-button-font-weight: var(--cros-button-2-font-weight);
}

:host-context(body.jelly-enabled) cr-button {
  font: var(--cros-button-2-font);
}

:host-context(body.jelly-enabled) cr-button.action-button {
  font: var(--cros-button-1-font);
}