47 lines
1.1 KiB
CSS
47 lines
1.1 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/. */
|
|
|
|
/* Hides the tab strip in the TabBar */
|
|
div[hidetabs=true] .tabs .tabs-navigation {
|
|
display: none;
|
|
}
|
|
|
|
.tabs .tabs-navigation {
|
|
display: flex;
|
|
line-height: 15px;
|
|
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;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|