scrollbar styling

This commit is contained in:
Daniel Avila 2023-02-11 13:48:48 -05:00
parent 8eeac36b35
commit 48c591a8b9
3 changed files with 33 additions and 3 deletions

View file

@ -215,4 +215,27 @@ button {
}
.btn-small {
padding: 0.25rem 0.5rem;
}
::-webkit-scrollbar {
height: 1rem;
width: 0.5rem;
}
::-webkit-scrollbar-thumb {
--tw-border-opacity: 1;
/* background-color: rgba(217,217,227,.8); Original */
background-color: rgba(217, 217, 227, 0.26);
border-color: rgba(255,255,255,var(--tw-border-opacity));
border-radius: 9999px;
border-width: 1px;
}
.scrollbar-transparent::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-track {
background-color: transparent;
border-radius: 9999px;
}