Add tailwindcss

This commit is contained in:
Konstantin 2024-03-15 07:26:20 +01:00
parent 24123c99cf
commit 9a5489c170
17 changed files with 1833 additions and 102 deletions

View file

@ -1,26 +1,3 @@
*,
::before,
::after {
box-sizing: border-box;
}
html {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif, Apple Color Emoji, "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
body {
min-height: 100vh;
max-width: 800px;
margin: 0 auto;
padding: 10px;
display: grid;
gap: 3vw;
grid-template-rows: min-content 1fr min-content;
}
a {
color: currentColor;
}
footer {
border-top: 2px dotted;
@ -31,10 +8,6 @@ header {
border-bottom: 2px dotted;
}
.template-homepage main {
text-align: center;
}
.skip-link {
position: absolute;
top: -30px;
@ -42,22 +15,4 @@ header {
.skip-link:focus-visible {
top: 5px;
}
.page-form label {
display: block;
margin-top: 10px;
margin-bottom: 5px;
}
.page-form :is(textarea, input, select) {
width: 100%;
max-width: 500px;
min-height: 40px;
margin-top: 5px;
margin-bottom: 10px;
}
.page-form .helptext {
font-style: italic;
}