」 feat(src/front): frontend is starting to look like something pogit c started working on the design implementation, still a lot to do

This commit is contained in:
y-syo
2025-10-07 18:51:43 +02:00
parent 156fd2b5a1
commit b6c6564dd3
9 changed files with 148 additions and 38 deletions

View File

@ -1,8 +1,49 @@
@import "tailwindcss";
@font-face {
font-family: Kubasta;
src: url('../assets/fonts/Kubasta.otf') format("opentype");
}
@source inline("space-y-{18,46,102,214,438,886,1782,3574,7158,14326,28662,57334,114678,229366,458742,917494}");
@source inline("mt-{28,56,84,112}");
/*@theme {
--color-accent-500: #f55151;
}*/
@theme {
--shadow-2x1: 2px 2px 0px black;
/*
--color-kanel-700: #ac5c24;
*/
}
.default-border {
@apply border-2
border-t-neutral-100 border-l-neutral-100 border-r-neutral-400 border-b-neutral-400
dark:border-t-neutral-500 dark:border-l-neutral-500 dark:border-r-neutral-700 dark:border-b-neutral-700
;
}
.reverse-border {
@apply border-2
border-t-neutral-400 border-l-neutral-400 border-r-neutral-100 border-b-neutral-100
dark:border-t-neutral-700 dark:border-l-neutral-700 dark:border-r-neutral-500 dark:border-b-neutral-500
;
}
.input-border {
@apply border-2
border-t-neutral-950 border-l-neutral-950 border-r-neutral-200 border-b-neutral-200
dark:border-t-neutral-950 dark:border-l-neutral-950 dark:border-r-neutral-600 dark:border-b-neutral-600
;
}
.default-button {
@apply shadow-2x1
bg-neutral-200 hover:bg-neutral-300 active:bg-neutral-300 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:active:bg-neutral-700
text-neutral-900 dark:text-white
px-4 py-2
delay-0 duration-150 transition-colors
border-2 border-t-neutral-100 dark:border-t-neutral-500 border-l-neutral-100 dark:border-l-neutral-500 border-r-neutral-400 dark:border-r-neutral-700 border-b-neutral-400 dark:border-b-neutral-700
active:border-t-neutral-400 dark:active:border-t-neutral-700 active:border-l-neutral-400 dark:active:border-l-neutral-700 active:border-r-neutral-100 dark:active:border-r-neutral-500 active:border-b-neutral-100 dark:active:border-b-neutral-500
;
}