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 release

Browse Source
This commit is contained in:
Ronan Berder
2026-06-27 08:55:48 +08:00
parent 2be9606ce4
commit c81900a58d
52 changed files with 2504 additions and 1124 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/css/base/base.css
-44
View File
@@ -123,50 +123,6 @@
--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;
src/css/basecoat-components.css
+1
View File
@@ -28,6 +28,7 @@
@import "./components/range.css";
@import "./components/select.css";
@import "./components/sidebar.css";
@import "./components/scrollbar.css";
@import "./components/skeleton.css";
@import "./components/switch.css";
@import "./components/table.css";
src/css/compat/legacy.css
+19 -1
View File
@@ -3,7 +3,25 @@
@layer components {
.scrollbar-thin {
@apply 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);
}
}
}
src/css/components/scrollbar.css
+46
View File
@@ -0,0 +1,46 @@
/* Scrollbar */
@layer components {
.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-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);
}
}
}