Files
bigcapital/packages/webapp/src/style/pages/Preferences/Sidebar.scss
2023-02-03 01:02:31 +02:00

76 lines
1.3 KiB
SCSS

@import '../../Base.scss';
// Preferences sidebar.
// -----------------------------
.preferences-sidebar {
background: #eaeef6;
border-right: 1px solid #c6d0d9;
min-width: 220px;
max-width: 220px;
height: 100%;
position: fixed;
&__wrapper {
height: 100%;
}
.ScrollbarsCustom-Track {
&.ScrollbarsCustom-TrackY,
&.ScrollbarsCustom-TrackX {
background: rgba(0, 0, 0, 0);
}
}
.ScrollbarsCustom-Thumb {
&.ScrollbarsCustom-ThumbX,
&.ScrollbarsCustom-ThumbY {
background: rgba(0, 0, 0, 0);
}
}
&:hover {
.ScrollbarsCustom-Thumb {
&.ScrollbarsCustom-ThumbX,
&.ScrollbarsCustom-ThumbY {
background: rgba(0, 0, 0, 0.15);
}
}
}
&__head {
display: flex;
flex-direction: row;
align-items: center;
height: 60px;
padding: 0 22px;
border-bottom: 1px solid #bbcbd0;
h2 {
font-size: 22px;
color: #3b3b4c;
font-weight: 400;
margin: 0;
}
}
&__menu {
padding: 0;
background: transparent;
.#{$ns}-menu-item {
padding: 8px 18px;
font-size: 15px;
font-weight: 400;
color: #333;
&:hover,
&.#{$ns}-active {
background-color: rgba(255, 255, 255, 0.6);
color: #333;
}
}
}
}