hipowered.dev/basecoat
1
0
Fork 0
mirror of https://github.com/hunvreus/basecoat.git synced 2026-11-13 13:48:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Prepare 1.0.0-beta.4

Browse Source
This commit is contained in:
Ronan Berder
2026-06-20 18:18:11 +08:00
parent 971b2e171b
commit 9806d6af63
21 changed files with 110 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/css/base/base.css
+45 -43
View File
@@ -38,7 +38,7 @@
--scrollbar-track: transparent;
--scrollbar-thumb: var(--border);
--scrollbar-width: 0.625rem;
--scrollbar-thin-width: 0.375rem;
--scrollbar-sm-width: 0.375rem;
--scrollbar-radius: 9999px;
--chevron-down-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="oklch(0.556 0 0)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down-icon lucide-chevron-down"><path d="m6 9 6 6 6-6"/></svg>'); /* --muted-foreground */
--chevron-down-icon-50: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="oklch(0.556 0 0 / 0.5)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down-icon lucide-chevron-down"><path d="m6 9 6 6 6-6"/></svg>'); /* --muted-foreground + 50% opacity */
@@ -121,6 +121,50 @@
--color-sidebar-ring: var(--sidebar-ring);
}
@utility scrollbar {
scrollbar-width: auto;
scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
&::-webkit-scrollbar {
width: var(--scrollbar-width);
height: var(--scrollbar-width);
}
&::-webkit-scrollbar-track {
background: var(--scrollbar-track);
}
&::-webkit-scrollbar-thumb {
background: var(--scrollbar-thumb);
border-radius: var(--scrollbar-radius);
border: 1px solid transparent;
background-clip: padding-box;
}
&::-webkit-scrollbar-corner {
background: var(--scrollbar-track);
}
}
@utility scrollbar-sm {
scrollbar-width: thin;
scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
&::-webkit-scrollbar {
width: var(--scrollbar-sm-width);
height: var(--scrollbar-sm-width);
}
&::-webkit-scrollbar-track {
background: var(--scrollbar-track);
}
&::-webkit-scrollbar-thumb {
background: var(--scrollbar-thumb);
border-radius: var(--scrollbar-radius);
border: 1px solid transparent;
background-clip: padding-box;
}
&::-webkit-scrollbar-corner {
background: var(--scrollbar-track);
}
}
@layer base {
* {
@apply border-border outline-ring/50;
@@ -131,46 +175,4 @@
body {
@apply bg-background text-foreground overscroll-none antialiased;
}
.scrollbar {
scrollbar-width: auto;
scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
&::-webkit-scrollbar {
width: var(--scrollbar-width);
height: var(--scrollbar-width);
}
&::-webkit-scrollbar-track {
background: var(--scrollbar-track);
}
&::-webkit-scrollbar-thumb {
background: var(--scrollbar-thumb);
border-radius: var(--scrollbar-radius);
border: 1px solid transparent;
background-clip: padding-box;
}
&::-webkit-scrollbar-corner {
background: var(--scrollbar-track);
}
}
.scrollbar-thin {
scrollbar-width: thin;
scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
&::-webkit-scrollbar {
width: var(--scrollbar-thin-width);
height: var(--scrollbar-thin-width);
}
&::-webkit-scrollbar-track {
background: var(--scrollbar-track);
}
&::-webkit-scrollbar-thumb {
background: var(--scrollbar-thumb);
border-radius: var(--scrollbar-radius);
border: 1px solid transparent;
background-clip: padding-box;
}
&::-webkit-scrollbar-corner {
background: var(--scrollbar-track);
}
}
}
src/css/compat/legacy.css
+6
View File
@@ -1,6 +1,12 @@
/* Legacy Basecoat class API compatibility.
This layer preserves pre-1.0 visual classes for the default Basecoat style only. */
@layer components {
.scrollbar-thin {
@apply scrollbar-sm;
}
}
@layer components {
.btn-primary,
.btn-secondary,