Brought over most of the changes from go-web-starter-kit.
This commit is contained in:
parent
01fcb964be
commit
8d70b57299
11 changed files with 143 additions and 57 deletions
|
@ -2,7 +2,7 @@
|
|||
@import "./theme.css" layer(theme);
|
||||
|
||||
body {
|
||||
@apply text-gray-950 dark:text-gray-50;
|
||||
@apply bg-gray-100 text-gray-950 dark:text-gray-50 dark:bg-gray-950;
|
||||
}
|
||||
|
||||
main {
|
||||
|
@ -10,11 +10,15 @@ main {
|
|||
}
|
||||
|
||||
header {
|
||||
@apply flex flex-col justify-stretch;
|
||||
@apply flex justify-stretch;
|
||||
}
|
||||
|
||||
nav {
|
||||
@apply flex bg-gray-950 *:text-gray-50 *:flex-1 *:text-xl p-6;
|
||||
@apply flex justify-center items-center bg-gray-950 *:text-gray-50 *:flex-1 *:text-xl w-full justify-evenly;
|
||||
}
|
||||
|
||||
nav > a {
|
||||
@apply flex justify-center items-center pt-1;
|
||||
}
|
||||
|
||||
code {
|
||||
|
@ -23,7 +27,7 @@ code {
|
|||
}
|
||||
|
||||
pre {
|
||||
@apply bg-gray-950 rounded-lg border-1 border-gray-300 mb-4 p-1;
|
||||
@apply bg-gray-950 border-1 border-gray-600 mb-4 p-1;
|
||||
}
|
||||
|
||||
pre > code {
|
||||
|
@ -34,6 +38,10 @@ footer {
|
|||
@apply bg-gray-950 text-gray-50 text-lg flex p-6;
|
||||
}
|
||||
|
||||
@utility sticky-bottom {
|
||||
@apply w-full sticky bottom-0 left-0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
@apply text-6xl mb-2 mt-4;
|
||||
}
|
||||
|
@ -118,6 +126,10 @@ button {
|
|||
@apply rounded-sm shadow-sm bg-gray-600 text-gray-50 dark:bg-gray-300 dark:text-gray-950 p-3;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
@apply border-l-5 border-gray-800 dark:border-black bg-gray-200 text-black dark:bg-gray-700 dark:text-white p-2;
|
||||
}
|
||||
|
||||
@utility btn-hover {
|
||||
@apply !bg-gray-900 !text-gray-50;
|
||||
}
|
||||
|
@ -171,7 +183,7 @@ shape.video {
|
|||
}
|
||||
|
||||
block {
|
||||
@apply flex flex-col p-4 mb-10 gap-4;
|
||||
@apply flex flex-col p-4 gap-4;
|
||||
}
|
||||
|
||||
bar {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue