omnivore/packages/web/styles/menu.css

72 lines
1.6 KiB
CSS
Raw Normal View History

/* Menu Override styles */
.pro-sidebar > .pro-sidebar-inner,
.pro-menu,
.pro-menu > ul > .pro-sub-menu > .pro-inner-list-item,
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item {
2022-08-11 09:33:14 +00:00
background-color: var(--colors-libraryBackground);
}
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item,
.pro-sidebar .pro-menu-item .pro-sub-menu .pro-inner-item,
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-item-content,
.pro-sidebar .pro-menu a,
2022-08-16 14:19:42 +00:00
.pro-sidebar .pro-menu a:hover,
.pro-sidebar
.pro-menu
.pro-menu-item
> .pro-inner-item:hover
.pro-icon-wrapper
.pro-icon {
2022-08-10 17:41:33 +00:00
color: var(--colors-utilityTextDefault);
}
.pro-sidebar .pro-menu .pro-menu-item {
padding: 2px 0;
}
.pro-menu .pro-menu-item > .pro-inner-item {
padding: 5px 20px;
2022-08-15 21:57:05 +00:00
}
2022-08-11 09:33:14 +00:00
2022-08-19 19:16:33 +00:00
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu:before {
content: '';
display: block;
width: 90%;
border: 0.5px solid var(--colors-grayBg);
margin-left: 10px;
}
2022-08-10 17:41:33 +00:00
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-icon-wrapper {
width: 20px;
min-width: 0;
height: 25px;
}
.pro-sidebar .pro-menu .pro-menu-item.active,
.pro-sidebar .pro-menu a:hover,
.pro-sidebar .pro-menu .pro-menu-item:hover:not(.pro-sub-menu) {
background-color: var(--colors-libraryActiveMenuItem);
2022-08-19 19:16:33 +00:00
width: 95%;
border-radius: 5px;
}
2022-08-16 14:03:48 +00:00
2022-08-16 14:19:42 +00:00
.pro-sidebar
.pro-menu
.pro-menu-item
> .pro-inner-item:hover
.pro-icon-wrapper
.pro-icon {
animation-play-state: paused;
}
.pro-sidebar
.pro-menu
.pro-menu-item.pro-sub-menu
> .pro-inner-item
> .pro-arrow-wrapper
.pro-arrow {
border-width: 0 1px 1px 0;
border-color: var(--colors-textSubtle);
}