Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00
Code Issues Projects Releases Wiki Activity

Fix scrollbar color mixin to use body color variable instead of RGB (#2246)

Browse Source
This commit is contained in:
Paweł Kuna
2025-03-26 22:35:20 +01:00
committed by GitHub
parent e8e3857b00
commit 4846828f39
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/twenty-moles-provide.md Normal file
View File

@@ -0,0 +1,5 @@
---
"@tabler/core": patch
---
Fix scrollbar color mixin to use body color variable

6
core/scss/mixins/_mixins.scss
View File

@@ -15,7 +15,7 @@
@mixin scrollbar($color: var(--#{$prefix}body-color-rgb)) { @mixin scrollbar($color: var(--#{$prefix}body-color-rgb)) {
#{if(&, "&", "*")} { #{if(&, "&", "*")} {
scrollbar-color: rgba(var(--#{$prefix}scrollbar-color, var(--#{$prefix}body-color-rgb)), .16); scrollbar-color: color-transparent(var(--#{$prefix}scrollbar-color, var(--#{$prefix}body-color)), .20);
} }
#{if(&, "&", "*")}::-webkit-scrollbar { #{if(&, "&", "*")}::-webkit-scrollbar {
@@ -27,7 +27,7 @@
#{if(&, "&", "*")}::-webkit-scrollbar-thumb { #{if(&, "&", "*")}::-webkit-scrollbar-thumb {
border-radius: 1rem; border-radius: 1rem;
border: 5px solid transparent; border: 5px solid transparent;
box-shadow: inset 0 0 0 1rem rgba(var(--#{$prefix}scrollbar-color, var(--#{$prefix}body-color-rgb)), .16); box-shadow: inset 0 0 0 1rem color-transparent(var(--#{$prefix}scrollbar-color, var(--#{$prefix}body-color)), .20);
} }
#{if(&, "&", "*")}::-webkit-scrollbar-track { #{if(&, "&", "*")}::-webkit-scrollbar-track {
@@ -35,7 +35,7 @@
} }
#{if(&, "&", "*")}:hover::-webkit-scrollbar-thumb { #{if(&, "&", "*")}:hover::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 0 1rem rgba(var(--#{$prefix}scrollbar-color, var(--#{$prefix}body-color-rgb)), .32); box-shadow: inset 0 0 0 1rem color-transparent(var(--#{$prefix}scrollbar-color, var(--#{$prefix}body-color)), .40);
} }
#{if(&, "&", "*")}::-webkit-scrollbar-corner { #{if(&, "&", "*")}::-webkit-scrollbar-corner {