kogakure/website-astro-stefanimhoff.de
1
0
Fork 0
mirror of https://github.com/kogakure/website-astro-stefanimhoff.de.git synced 2026-02-03 12:05:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add basic page color styles

Browse Source
This commit is contained in:
Stefan Imhoff
2023-02-19 19:01:54 +01:00
parent ff2c63fd25
commit e851ef9b49
2 changed files with 7 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/layouts/Layout.astro
View File

@@ -7,7 +7,10 @@ const { title } = Astro.props;
--- ---
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html
lang="en"
class="box-border scroll-smooth bg-shibui-100 text-[125%] text-shibui-950 dark:bg-shibui-900 dark:text-shibui-200/[0.87]"
>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
@@ -15,13 +18,7 @@ const { title } = Astro.props;
<meta name="generator" content={Astro.generator} /> <meta name="generator" content={Astro.generator} />
<title>{title}</title> <title>{title}</title>
</head> </head>
<body> <body class="flex h-screen flex-col font-sans font-normal leading-relaxed">
<slot /> <slot />
</body> </body>
</html> </html>
<style is:global>
html {
font-family: system-ui, sans-serif;
background-color: #f6f6f6;
}
</style>

4
src/pages/index.astro
View File

@@ -4,8 +4,8 @@ import Layout from '../layouts/Layout.astro';
<Layout title="Welcome to Astro."> <Layout title="Welcome to Astro.">
<main> <main>
<h1 class="text-5 font-black text-orange-700">Hello, world!</h1> <h1>Hello, world!</h1>
<p class="mb-4 text-sky-400"> <p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Accusantium optio magni Lorem ipsum dolor sit, amet consectetur adipisicing elit. Accusantium optio magni
asperiores fugiat, necessitatibus voluptatem sit quaerat pariatur natus, tempora asperiores fugiat, necessitatibus voluptatem sit quaerat pariatur natus, tempora
voluptatibus vero eveniet repudiandae, expedita libero. Cum cupiditate at placeat. voluptatibus vero eveniet repudiandae, expedita libero. Cum cupiditate at placeat.