mobile-config-firefox/chrome/tab_separator_lines.css
MrOtherGuy c07ce454e8 Make tab separator lines border-image important. Fixes #239
On MacOS tabs have border:none which resets border-image. This patch
overrides that rule.
2022-12-23 08:43:48 +02:00

20 lines
No EOL
770 B
CSS

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tab_separator_lines.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Bring back tab separator lines that were removed in Proton */
.tabbrowser-tab{
border-inline-end: 1px solid transparent !important;
border-image: 0 1 linear-gradient(
transparent 20%,
color-mix(in srgb, currentColor 20%, transparent) 20%,
color-mix(in srgb, currentColor 20%, transparent) 80%,
transparent 80%
) !important;
}
.tabbrowser-tab:hover,
.tabbrowser-tab[beforehovered],
.tabbrowser-tab[selected],
.tabbrowser-tab[last-visible-tab],
.tabbrowser-tab[beforeselected-visible]{ border-image: none !important; }