group FF-related CSS

This commit is contained in:
tophf 2018-05-12 13:26:39 +03:00
parent d978322be8
commit 3282994b8f

View File

@ -9,10 +9,6 @@ html.opera body {
width: auto; width: auto;
} }
html.firefox .block {
padding-left: 6px;
}
body { body {
background: #fff; background: #fff;
margin: 0; margin: 0;
@ -22,16 +18,18 @@ body {
max-width: 800px; max-width: 800px;
} }
@media (min-width: 401px) { @supports (-moz-appearance:none) {
.firefox body { body {
width: calc(100% - 6px); /* TODO: rework to avoid compensating padding of 'html.firefox .block' */ --addons-page-left-padding: 6px;
} /* compensate 'html.firefox .block' padding-left */
} width: calc(100% - var(--addons-page-left-padding));
.firefox body {
/* match the default FF theme */ /* match the default FF theme */
background-color: #f9f9fa; background-color: #f9f9fa;
} }
html.firefox .block {
padding-left: var(--addons-page-left-padding);
}
}
.firefox .chromium-only { .firefox .chromium-only {
display: none; display: none;