Lorem ipsum

Scrollbar styling

.sidebar {
overflow-y: scroll;
}
::-webkit-scrollbar {opacity:1;}
::-webkit-scrollbar-button {
background: #968b7a;
}
::-webkit-scrollbar-track-piece {
background: #968b7a;
}
::-webkit-scrollbar-thumb {
background: #b6a488;
}
::-webkit-scrollbar-button {
border-style: solid;
height: 16px;
width: 16px;
}
/* Up */
::-webkit-scrollbar-button:vertical:decrement {
border-width: 0 7px 14px 7px;
border-color: transparent transparent #63594a transparent;
}

::-webkit-scrollbar-button:vertical:decrement:hover {
border-color: transparent transparent #b6a488 transparent;
}

 

/* Down */
::-webkit-scrollbar-button:vertical:increment {
border-width: 14px 7px 0 7px;
border-color: #63594a transparent transparent transparent;
}

::-webkit-scrollbar-button:vertical:increment:hover {
border-color: #b6a488 transparent transparent transparent;
}