Source code
Revision control
Copy as Markdown
Other Tools
/* 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
.close-icon {
appearance: none;
-moz-context-properties: fill, fill-opacity;
list-style-image: url(chrome://global/skin/icons/close.svg);
border-radius: 4px;
color: inherit;
fill: currentColor;
padding: 2px;
width: 20px;
height: auto;
outline: var(--toolbarbutton-outline);
&:hover {
outline-color: var(--toolbarbutton-hover-outline-color);
}
&:hover:active {
outline-color: var(--toolbarbutton-active-outline-color);
}
}
@media not (forced-colors) {
.close-icon:hover {
background-color: color-mix(in srgb, currentColor 10%, transparent);
}
.close-icon:hover:active {
background-color: color-mix(in srgb, currentColor 20%, transparent);
}
}
.close-icon > .button-icon,
.close-icon > .button-box > .button-icon,
.close-icon > .toolbarbutton-icon {
margin: 0;
}
.close-icon > .button-box > .button-text,
.close-icon > .toolbarbutton-text {
display: none;
}