Create custom-browser-pane-margin-and-rounding.css
This commit is contained in:
parent
dbdea18d2b
commit
d0e961838c
1 changed files with 19 additions and 0 deletions
19
custom-browser-pane-margin-and-rounding.css
Normal file
19
custom-browser-pane-margin-and-rounding.css
Normal 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);
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue