mirror of
https://github.com/Macrame-App/Macrame
synced 2025-12-29 15:29:26 +00:00
Removed scss styling in favor of Tailwind, more base styling added
Background images added and styled. Also added a font family to the index.html: anaheim from bunnyfonts.
This commit is contained in:
parent
d2d9aca35c
commit
617660c18b
9 changed files with 1031 additions and 64 deletions
BIN
fe/src/assets/bg_1.jpg
Normal file
BIN
fe/src/assets/bg_1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 644 KiB |
BIN
fe/src/assets/bg_2.jpg
Normal file
BIN
fe/src/assets/bg_2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 MiB |
|
|
@ -0,0 +1,56 @@
|
|||
@import 'tailwindcss';
|
||||
|
||||
@variant dark (&:where(.dark, .dark *));
|
||||
|
||||
@theme {
|
||||
--font-sans: 'Anaheim', sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
@apply font-sans
|
||||
bg-slate-900
|
||||
text-slate-50;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2 {
|
||||
@apply font-bold;
|
||||
}
|
||||
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
@apply font-semibold;
|
||||
}
|
||||
|
||||
h1 {
|
||||
@apply text-4xl;
|
||||
}
|
||||
|
||||
h2 {
|
||||
@apply text-3xl;
|
||||
}
|
||||
|
||||
h3 {
|
||||
@apply text-2xl;
|
||||
}
|
||||
|
||||
h4 {
|
||||
@apply text-xl;
|
||||
}
|
||||
|
||||
h5 {
|
||||
@apply text-lg;
|
||||
}
|
||||
|
||||
.panel {
|
||||
@apply fixed
|
||||
inset-16
|
||||
p-4
|
||||
bg-white/10
|
||||
backdrop-blur-sm
|
||||
rounded-xl
|
||||
border
|
||||
border-white/15;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue