toolkit/themes/shared/close-icon.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 .close-icon {
   6   appearance: none;
   7   -moz-context-properties: fill, fill-opacity;
   8   list-style-image: url(chrome://global/skin/icons/close.svg);
   9   border-radius: 4px;
  10   color: inherit;
  11   fill: currentColor;
  12   padding: 2px;
  13   width: 20px;
  14   height: auto;
  15 }
  16
  17 @media not (prefers-contrast) {
  18   .close-icon:hover {
  19     background-color: color-mix(in srgb, currentColor 10%, transparent);
  20   }
  21 }
  22
  23 @media (prefers-contrast) {
  24   .close-icon:hover {
  25     outline: 1px solid currentColor;
  26   }
  27 }
  28
  29 .close-icon:hover:active {
  30   background-color: color-mix(in srgb, currentColor 20%, transparent);
  31 }
  32
  33 .close-icon > .button-icon,
  34 .close-icon > .button-box > .button-icon,
  35 .close-icon > .toolbarbutton-icon {
  36   margin: 0;
  37 }
  38
  39 .close-icon > .button-box > .button-text,
  40 .close-icon > .toolbarbutton-text {
  41   display: none;
  42 }