mirror of
https://github.com/ManchildProductions/UXP-Fixed.git
synced 2026-05-27 18:38:27 +00:00
Matt A. Tobin
54 lines
1.2 KiB
CSS
54 lines
1.2 KiB
CSS
/* vim:set ts=2 sw=2 sts=2 et: */
|
|
/* 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
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
|
|
.tabs .tabs-navigation {
|
|
line-height: 15px;
|
|
}
|
|
|
|
.tabs .tabs-navigation {
|
|
height: 24px;
|
|
}
|
|
|
|
.tabs .tabs-menu-item:first-child {
|
|
border-inline-start-width: 0;
|
|
}
|
|
|
|
.tabs .tabs-navigation .tabs-menu-item:focus {
|
|
outline: var(--theme-focus-outline);
|
|
outline-offset: -2px;
|
|
}
|
|
|
|
.tabs .tabs-menu-item.is-active {
|
|
height: 23px;
|
|
}
|
|
|
|
/* Firebug theme is using slightly different height. */
|
|
.theme-firebug .tabs .tabs-navigation {
|
|
height: 24px;
|
|
}
|
|
|
|
/* The tab takes entire horizontal space and individual tabs
|
|
should stretch accordingly. Use flexbox for the behavior.
|
|
Use also `overflow: hidden` so, 'overflow' and 'underflow'
|
|
events are fired (it's utilized by the all-tabs-menu). */
|
|
.tabs .tabs-navigation .tabs-menu {
|
|
overflow: hidden;
|
|
display: flex;
|
|
}
|
|
|
|
.tabs .tabs-navigation .tabs-menu-item {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.tabs .tabs-navigation .tabs-menu-item a {
|
|
text-align: center;
|
|
}
|
|
|
|
/* Firebug theme doesn't stretch the tabs. */
|
|
.theme-firebug .tabs .tabs-navigation .tabs-menu-item {
|
|
flex-grow: 0;
|
|
}
|
|
|