mirror of
https://github.com/roytam1/basilisk55.git
synced 2026-05-26 05:02:25 +00:00
53 lines
1.2 KiB
CSS
53 lines
1.2 KiB
CSS
/* 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: 28px;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|