emma/tabletop-commander
1
0
Fork 0
Code Issues 2 Pull Requests Packages Projects 3 Releases Wiki Activity

ul done and dusted

Browse Source
This commit is contained in:
Emmaline Autumn
2024-03-12 19:21:01 -06:00
parent 42a671d49d
commit d04e374231
4 changed files with 237 additions and 249 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
app/globals.css
View File

@@ -4,51 +4,63 @@
@layer base {
* {
@apply text-white box-border
@apply text-white box-border;
}
body {
@apply dark:bg-mixed-100 bg-primary-600
@apply dark:bg-mixed-100 bg-primary-600;
}
input {
@apply py-2 px-4 rounded-full dark:bg-mixed-200 bg-mixed-600 placeholder:text-dark-500
@apply py-2 px-4 rounded-full dark:bg-mixed-200 bg-mixed-600 placeholder:text-dark-500;
}
h1,h2,h3,h4,h5,h6 {
@apply font-bold
h1,
h2,
h3,
h4,
h5,
h6 {
@apply font-bold;
}
p {
@apply py-1
@apply py-1;
}
}
@layer components {
.strapline {
@apply dark:text-primary-500 text-primary-100 uppercase font-bold mb-2 text-lg
@apply dark:text-primary-500 text-primary-100 uppercase font-bold mb-2 text-lg;
}
.heading {
@apply pb-8 border-b border-b-primary-500 dark:border-b-dark-500 min-w-full;
}
.heading h1 {
@apply text-5xl font-bold
@apply text-5xl font-bold;
}
.card {
@apply dark:bg-mixed-200 bg-primary-500 rounded-3xl p-6 shadow-2xl
/* mix-blend-luminosity */
/* @apply bg-mixed-200 rounded-3xl p-6 shadow-2xl */
/* @apply bg-mixed-200 rounded-3xl p-6 shadow-2xl */;
}
.btn-primary {
@apply dark:bg-primary-500 bg-primary-100 py-4 px-6 dark:text-mixed-100 text-white rounded-full font-bold text-lg
@apply dark:bg-primary-500 bg-primary-100 py-4 px-6 dark:text-mixed-100 text-white rounded-full font-bold text-lg;
}
.btn-secondary {
@apply dark:text-primary-500 text-primary-100 py-4 px-6 font-bold text-lg
@apply dark:text-primary-500 text-primary-100 py-4 px-6 font-bold text-lg;
}
.p {
@apply py-1
@apply py-1;
}
.poppable {
@apply card dark:bg-mixed-300 bg-primary-600 p-2 rounded-lg transition-opacity data-[visible=true]:z-10 data-[visible=true]:opacity-100 data-[visible=false]:opacity-0 -z-10 max-w-[400px] absolute
@apply card dark:bg-mixed-300 bg-primary-600 p-2 rounded-lg transition-opacity data-[visible=true]:z-10 data-[visible=true]:opacity-100 data-[visible=false]:opacity-0 -z-10 max-w-[400px] absolute;
}
}
@layer utilities {
.list-1 {
/* @apply list-[square]; */
list-style: square;
}
}