| Current Path : /var/www/element/data/www/revenuestory.ru/bitrix/js/ui/navigationpanel/src/ |
| Current File : /var/www/element/data/www/revenuestory.ru/bitrix/js/ui/navigationpanel/src/style.css |
.ui-nav-panel__scope {
/*colors*/
--color_background: rgba(82, 92, 105, .08);
--color_text: rgba(82, 92, 105, .8);
--color_text-hover: #fff;
--color_border-bottom: rgba(82, 92, 105, .4);
}
.bitrix24-light-theme .ui-nav-panel__scope {
--color_background: rgba(255,255,255,.15);
--color_text: rgba(255,255,255,.8);
--color_border-bottom: rgba(255,255,255,.5);
}
.bitrix24-default-theme .ui-nav-panel__scope,
.bitrix24-dark-theme .ui-nav-panel__scope {
--color_text-hover: rgba(82, 92, 105, 1);
}
.ui-nav-panel {
display: inline-flex;
overflow: hidden;
margin-right: 10px;
border-radius: 16px;
background-color: var(--color_background);
font: 14px/normal var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
}
.ui-nav-panel__item {
display: inline-flex;
align-items: center;
position: relative;
margin: 0 13px;
min-height: 33px;
color: var(--color_text);
white-space: nowrap;
transition: .3s;
cursor: pointer;
}
.ui-nav-panel__item:hover {
color: var(--color_text-hover);
transition: .1s;
}
.ui-nav-panel__item.--active {
color: var(--color_text-hover);
pointer-events: none;
cursor: default;
}
.ui-nav-panel__item.--active:after {
content: '';
position: absolute;
bottom: 1px;
left: 0;
right: 0;
height: 2px;
background-color: var(--color_border-bottom);
}