This page lists all Scrollbars CSS custom properties and utility classes available in the OxyProps Framework
| Description | Utility Class |
|---|
| Base class | o-scrollbar |
| Description | Utility Class |
|---|
| Brand color | o-scrollbar-brand |
| Accent color | o-scrollbar-accent |
| Links color | o-scrollbar-links |
| Visited color | o-scrollbar-visited |
| Description | Utility Class |
|---|
| No Radius | o-scrollbar-noradius |
| Thin | o-scrollbar-thin |
| Thick | o-scrollbar-thick |
You can customize the Scrollbars by using the following CSS custom properties:
| CSS Custom Property | Default Value |
|---|
--o_scrollbar-width | calc(var(—o-size-fluid-1) / 2) |
--o_scrollbar-height | calc(var(—o-size-fluid-1) / 2) |
--o_scrollbar-thumb-radius | var(—o-radius-round) |
--o_scrollbar-thumb-bg | var(—o-scrollbar-color) |
--o_scrollbar-track-radius | 0 |
--o_scrollbar-track-bg | transparent |