Create custom-browser-pane-margin-and-rounding.css

This commit is contained in:
Cameron Redmore 2024-12-13 20:00:58 +00:00 committed by GitHub
parent dbdea18d2b
commit d0e961838c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -0,0 +1,19 @@
/* Add slight margin, rounding and outline to Browser pane */
#tabbrowser-tabbox browser {
--border-size: 0.5px;
--margin-size-top-left: 2px;
--margin-size-bottom-right: 6px;
--rounding-size: 8px;
border: var(--border-size) solid rgba(255,255,255,0.15);
margin: var(--margin-size-top-left) var(--margin-size-bottom-right) var(--margin-size-bottom-right) var(--margin-size-top-left);
border-radius: var(--rounding-size);
}
.browserContainer {
background: var(--toolbox-bgcolor);
&:-moz-window-inactive {
background: var(--toolbox-bgcolor-inactive);
}
}