Public/blowfish
1
0 Fork 0
mirror of https://github.com/nunocoracao/blowfish.git synced 2026-10-27 22:36:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: restore scrollbar styles broken by tailwind v4.3 upgrade

Browse Source 
Tailwind v4.3 introduced built-in scrollbar utilities that conflicted
with the tailwind-scrollbar plugin, causing visual regressions.

Fixed by inlining the pre-v4.3 build output directly into main.css,
which also eliminates the need for the tailwind-scrollbar plugin.
This commit is contained in:
ZhenShuo Leo committed 2026-06-12 05:12:34 +08:00
1 parent e9699d8c5d
commit ef9e756ce5
5 files changed
+81 -145
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

assets/css/compiled/main.css
+12 -38
View File
@@ -1,4 +1,4 @@
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
/*! Blowfish | MIT License | https://github.com/nunocoracao/blowfish */
@layer properties;
@layer theme, base, components, utilities;
@@ -207,6 +207,9 @@
}
}
@layer utilities {
.\@container {
container-type: inline-size;
}
.pointer-events-auto {
pointer-events: auto;
}
@@ -263,15 +266,9 @@
.-start-6 {
inset-inline-start: calc(var(--spacing) * -6);
}
.start {
inset-inline-start: var(--spacing);
}
.start-\[calc\(max\(-50vw\,-800px\)\+50\%\)\] {
inset-inline-start: calc(max(-50vw, -800px) + 50%);
}
.end {
inset-inline-end: var(--spacing);
}
.end-6 {
inset-inline-end: calc(var(--spacing) * 6);
}
@@ -1015,29 +1012,6 @@
.box-content {
box-sizing: content-box;
}
.scrollbar {
&::-webkit-scrollbar-track {
background-color: var(--scrollbar-track);
border-radius: var(--scrollbar-track-radius);
}
&::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-thumb);
border-radius: var(--scrollbar-thumb-radius);
}
&::-webkit-scrollbar-corner {
background-color: var(--scrollbar-corner);
border-radius: var(--scrollbar-corner-radius);
}
@supports (-moz-appearance:none) {
scrollbar-width: auto;
scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
}
&::-webkit-scrollbar {
display: block;
width: var(--scrollbar-width, 16px);
height: var(--scrollbar-height, 16px);
}
}
.line-clamp-3 {
overflow: hidden;
display: -webkit-box;
@@ -4822,6 +4796,14 @@ pre {
}
}
}
@layer base {
* {
@supports (-moz-appearance:none) {
scrollbar-color: initial;
scrollbar-width: initial;
}
}
}
body:has(#mobile-menu-toggle:checked) {
overflow: hidden;
}
@@ -5002,14 +4984,6 @@ body:has(#mobile-menu-toggle:checked) {
outline: 1px auto -webkit-focus-ring-color;
}
}
@layer base {
* {
@supports (-moz-appearance:none) {
scrollbar-color: initial;
scrollbar-width: initial;
}
}
}
@property --tw-translate-x {
syntax: "*";
inherits: false;