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
   42
   43
   44
   45
   46
   47
   48
   49
   50
   51
   52
   53
   54

ash / webui / print_management / resources / print_management_fonts.css [blame]

/* 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);
}