Work on layout, modals, toast:

This commit is contained in:
Jon Staab
2024-08-05 14:45:16 -07:00
parent b2fc469b41
commit a89d20b0e1
33 changed files with 2269 additions and 84 deletions
+45
View File
@@ -0,0 +1,45 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
.button {
padding: 12px 16px;
display: flex;
border-radius: var(--rounded-btn, 0.5rem);
cursor: pointer;
animation: button-pop 200ms ease-out;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.button:active:hover, .button:active:focus {
animation: button-pop 0s ease-out;
transform: scale(var(--btn-focus-scale, 0.97));
}
[data-theme="dark"] {
--stark: #111;
--stark-content: #eee;
}
[data-theme="light"] {
--stark: #eee;
--stark-content: #111;
}
.text-stark {
color: var(--stark);
}
.text-stark-content {
color: var(--stark-content);
}
.bg-stark {
background-color: var(--stark);
}
.bg-stark-content {
background-color: var(--stark-content);
}