Are we Design Tokens yet?

browser/components/sidebar/sidebar-panel-header.css

Propagation: 80%

Back to Home
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at https://mozilla.org/MPL/2.0/. */

@import url("chrome://global/skin/design-system/text-and-typography.css");

:host {
  padding-block: var(--space-large);
  margin-block-start: calc(var(--space-large) * -1);
}

.sidebar-panel-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-context-properties: fill;
  fill: currentColor;
  font-size: 15px;
  /* Keep the header (and its close button focus outline) clear of the panel
     content below, e.g. a search input. */
  margin-block-end: var(--space-small);

  > h4 {
    margin-block: var(--sidebar-panel-header-heading-margin-block);
  }
}

/* Horizontal-tabs "hide-launcher" mode has no launcher to switch panels with,
   so the title is replaced by the sidebar-panel-switcher dropdown (which shows
   itself in this mode). */
@media -moz-pref("sidebar.visibility", "hide-launcher") {
  .sidebar-panel-title {
    display: none;
  }
}
Back to Home