admin/ServerKit
1
0 Fork 0
mirror of https://github.com/jhd3197/ServerKit.git synced 2026-11-10 05:53:05 +09:00
Code Issues Packages Projects Releases Wiki Activity

fix(frontend): keyword colours in tab-scroll fade masks

Browse Source
This commit is contained in:
Juan Denis committed 2026-11-03 13:11:10 -05:00
1 parent c2a386c14c
commit 045162244e
1 file changed
+6 -6
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles/components/_tabs.scss
+6 -6
View File
@@ -41,21 +41,21 @@
> * { flex-shrink: 0; }
&[data-fade-end] {
mask-image: linear-gradient(to right, #000 calc(100% - var(--sk-tabscroll-fade)), transparent);
mask-image: linear-gradient(to right, black calc(100% - var(--sk-tabscroll-fade)), transparent);
}
&[data-fade-start] {
mask-image: linear-gradient(to right, transparent, #000 var(--sk-tabscroll-fade));
mask-image: linear-gradient(to right, transparent, black var(--sk-tabscroll-fade));
}
&[data-fade-start][data-fade-end] {
mask-image: linear-gradient(to right, transparent, #000 var(--sk-tabscroll-fade), #000 calc(100% - var(--sk-tabscroll-fade)), transparent);
mask-image: linear-gradient(to right, transparent, black var(--sk-tabscroll-fade), black calc(100% - var(--sk-tabscroll-fade)), transparent);
}
&:dir(rtl)[data-fade-end] { mask-image: linear-gradient(to left, #000 calc(100% - var(--sk-tabscroll-fade)), transparent); }
&:dir(rtl)[data-fade-start] { mask-image: linear-gradient(to left, transparent, #000 var(--sk-tabscroll-fade)); }
&:dir(rtl)[data-fade-end] { mask-image: linear-gradient(to left, black calc(100% - var(--sk-tabscroll-fade)), transparent); }
&:dir(rtl)[data-fade-start] { mask-image: linear-gradient(to left, transparent, black var(--sk-tabscroll-fade)); }
&:dir(rtl)[data-fade-start][data-fade-end] {
mask-image: linear-gradient(to left, transparent, #000 var(--sk-tabscroll-fade), #000 calc(100% - var(--sk-tabscroll-fade)), transparent);
mask-image: linear-gradient(to left, transparent, black var(--sk-tabscroll-fade), black calc(100% - var(--sk-tabscroll-fade)), transparent);
}
}