limpiar css/incorporar tailwind
This commit is contained in:
parent
9f1e5bcb60
commit
60ceb8c63c
3 changed files with 12 additions and 29 deletions
14
index.html
14
index.html
|
@ -1,10 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="theme-color" content="#18181b" media="(prefers-color-scheme: dark)">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<meta
|
||||
name="theme-color"
|
||||
content="#18181b"
|
||||
media="(prefers-color-scheme: dark)"
|
||||
/>
|
||||
<meta name="theme-color" content="#ffffff" />
|
||||
<link rel="manifest" href="/manifest.webmanifest" />
|
||||
<link rel="icon" href="/edit-2-outline.svg" />
|
||||
<link
|
||||
|
@ -15,8 +19,8 @@
|
|||
/>
|
||||
<title>Schreiben</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<body class="min-h-screen bg-slate-50 dark:bg-slate-900">
|
||||
<div id="app" class="min-h-screen"></div>
|
||||
<script type="module" src="/src/main.ts"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
import { setRouteToLastPagePromise, currentRoute } from "./lib/router";
|
||||
</script>
|
||||
|
||||
<main>
|
||||
<main class='min-h-screen'>
|
||||
{#await setRouteToLastPagePromise then}
|
||||
<svelte:component
|
||||
this={$currentRoute.component}
|
||||
|
|
25
src/app.css
25
src/app.css
|
@ -4,14 +4,12 @@
|
|||
|
||||
:root {
|
||||
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
line-height: 1.5;
|
||||
font-weight: 400;
|
||||
|
||||
font-synthesis: none;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
|
||||
color-scheme: dark light;
|
||||
|
||||
|
@ -21,25 +19,10 @@
|
|||
--accent-bg: #cbd5e1;
|
||||
--accent-fg: #1e293b;
|
||||
}
|
||||
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body,
|
||||
#app,
|
||||
main {
|
||||
margin: 0;
|
||||
min-height: 100vh;
|
||||
background: var(--background);
|
||||
color: var(--foreground);
|
||||
}
|
||||
|
||||
/*
|
||||
a {
|
||||
color: var(--accent-fg);
|
||||
}
|
||||
} */
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
|
@ -50,7 +33,3 @@ a {
|
|||
--accent-fg: #94a3b8;
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
padding: 0.5em 1em;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue