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

Documentation finished

Browse Source
This commit is contained in:
Ronan Berder
2025-05-07 14:57:30 +08:00
parent b7c772f9a2
commit 1a4d292437
23 changed files with 536 additions and 296 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/src/assets/styles.css
+30 -137
View File
@@ -56,7 +56,6 @@
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--tracking-tighter: -0.05em;
--tracking-tight: -0.025em;
--tracking-normal: 0em;
@@ -258,9 +257,6 @@
.invisible {
visibility: hidden;
}
.visible {
visibility: visible;
}
.sr-only {
position: absolute;
width: 1px;
@@ -302,9 +298,6 @@
.right-3 {
right: calc(var(--spacing) * 3);
}
.left-1\/2 {
left: calc(1/2 * 100%);
}
.left-2 {
left: calc(var(--spacing) * 2);
}
@@ -344,27 +337,15 @@
.my-6 {
margin-block: calc(var(--spacing) * 6);
}
.mt-2 {
margin-top: calc(var(--spacing) * 2);
}
.mt-4 {
margin-top: calc(var(--spacing) * 4);
}
.mt-6 {
margin-top: calc(var(--spacing) * 6);
}
.mt-8 {
margin-top: calc(var(--spacing) * 8);
}
.mr-auto {
margin-right: auto;
}
.mb-1 {
margin-bottom: calc(var(--spacing) * 1);
}
.mb-2 {
margin-bottom: calc(var(--spacing) * 2);
}
.mb-4 {
margin-bottom: calc(var(--spacing) * 4);
}
@@ -414,10 +395,6 @@
width: calc(var(--spacing) * 2);
height: calc(var(--spacing) * 2);
}
.size-2\.5 {
width: calc(var(--spacing) * 2.5);
height: calc(var(--spacing) * 2.5);
}
.size-3\.5 {
width: calc(var(--spacing) * 3.5);
height: calc(var(--spacing) * 3.5);
@@ -464,27 +441,9 @@
.h-14 {
height: calc(var(--spacing) * 14);
}
.h-18 {
height: calc(var(--spacing) * 18);
}
.h-20 {
height: calc(var(--spacing) * 20);
}
.h-24 {
height: calc(var(--spacing) * 24);
}
.h-48 {
height: calc(var(--spacing) * 48);
}
.max-h-64 {
max-height: calc(var(--spacing) * 64);
}
.max-h-\[150px\] {
max-height: 150px;
}
.max-h-\[200px\] {
max-height: 200px;
}
.max-h-\[612px\] {
max-height: 612px;
}
@@ -572,19 +531,12 @@
.min-w-56 {
min-width: calc(var(--spacing) * 56);
}
.min-w-\[8rem\] {
min-width: 8rem;
}
.flex-1 {
flex: 1;
}
.shrink-0 {
flex-shrink: 0;
}
.-translate-x-1\/2 {
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-1\/2 {
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -614,8 +566,8 @@
.list-decimal {
list-style-type: decimal;
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -662,9 +614,6 @@
.gap-4 {
gap: calc(var(--spacing) * 4);
}
.gap-5 {
gap: calc(var(--spacing) * 5);
}
.gap-6 {
gap: calc(var(--spacing) * 6);
}
@@ -674,13 +623,6 @@
.gap-10 {
gap: calc(var(--spacing) * 10);
}
.space-y-1 {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
}
}
.space-y-2 {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
@@ -702,9 +644,6 @@
margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
}
}
.gap-x-1\.5 {
column-gap: calc(var(--spacing) * 1.5);
}
.gap-x-2 {
column-gap: calc(var(--spacing) * 2);
}
@@ -754,9 +693,6 @@
.rounded {
border-radius: 0.25rem;
}
.rounded-\[2px\] {
border-radius: 2px;
}
.rounded-full {
border-radius: calc(infinity * 1px);
}
@@ -791,12 +727,6 @@
.border-amber-50 {
border-color: var(--color-amber-50);
}
.border-border\/50 {
border-color: var(--color-border);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-border) 50%, transparent);
}
}
.border-muted {
border-color: var(--color-muted);
}
@@ -951,10 +881,6 @@
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight);
}
.font-bold {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.font-medium {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
@@ -1022,26 +948,16 @@
.underline-offset-4 {
text-underline-offset: 4px;
}
.opacity-0 {
opacity: 0%;
}
.opacity-50 {
opacity: 50%;
}
.opacity-60 {
opacity: 60%;
}
.opacity-100 {
opacity: 100%;
}
.shadow-none {
--tw-shadow: 0 0 #0000;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-xl {
--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-xs {
--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1075,10 +991,6 @@
--tw-duration: 200ms;
transition-duration: 200ms;
}
.duration-400 {
--tw-duration: 400ms;
transition-duration: 400ms;
}
.outline-none {
--tw-outline-style: none;
outline-style: none;
@@ -1097,17 +1009,6 @@
visibility: visible;
}
}
.peer-checked\:border {
&:is(:where(.peer):checked ~ *) {
border-style: var(--tw-border-style);
border-width: 1px;
}
}
.peer-checked\:border-blue-500 {
&:is(:where(.peer):checked ~ *) {
border-color: var(--color-blue-500);
}
}
.peer-checked\:border-primary {
&:is(:where(.peer):checked ~ *) {
border-color: var(--color-primary);
@@ -1171,13 +1072,6 @@
}
}
}
.hover\:bg-accent {
&:hover {
@media (hover: hover) {
background-color: var(--color-accent);
}
}
}
.hover\:bg-accent\/50 {
&:hover {
@media (hover: hover) {
@@ -1212,13 +1106,6 @@
}
}
}
.hover\:text-accent-foreground {
&:hover {
@media (hover: hover) {
color: var(--color-accent-foreground);
}
}
}
.hover\:text-foreground {
&:hover {
@media (hover: hover) {
@@ -1226,13 +1113,6 @@
}
}
}
.hover\:text-muted-foreground {
&:hover {
@media (hover: hover) {
color: var(--color-muted-foreground);
}
}
}
.hover\:text-zinc-50 {
&:hover {
@media (hover: hover) {
@@ -1397,6 +1277,11 @@
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
}
.lg\:grid-cols-2 {
@media (width >= 64rem) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.xl\:block {
@media (width >= 80rem) {
display: block;
@@ -1843,21 +1728,6 @@
[x-cloak] {
display: none !important;
}
.htmx-indicator {
visibility: hidden;
opacity: 0%;
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
transition-behavior: allow-discrete;
}
.htmx-indicator:not(.htmx-request) {
display: none;
}
.htmx-request, .htmx-request.htmx-indicator {
visibility: visible;
opacity: 100%;
}
}
@layer components {
.alert, .alert-destructive {
@@ -4296,6 +4166,21 @@
}
}
}
.htmx-indicator {
visibility: hidden;
opacity: 0%;
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
transition-behavior: allow-discrete;
}
.htmx-indicator:not(.htmx-request) {
display: none;
}
.htmx-request, .htmx-request.htmx-indicator {
visibility: visible;
opacity: 100%;
}
.content {
> h2 {
margin-top: calc(var(--spacing) * 16);
@@ -4325,6 +4210,14 @@
--tw-tracking: var(--tracking-tight);
letter-spacing: var(--tracking-tight);
}
> h4 {
margin-block: calc(var(--spacing) * 6);
scroll-margin: calc(var(--spacing) * 22);
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
--tw-tracking: var(--tracking-tight);
letter-spacing: var(--tracking-tight);
}
.prose {
margin-block: calc(var(--spacing) * 6);
a {