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>
<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>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
@@ -15,13 +18,7 @@ const { title } = Astro.props;
<meta name="generator" content={Astro.generator} />
<title>{title}</title>
</head>
<body>
<body class="flex h-screen flex-col font-sans font-normal leading-relaxed">
<slot />
</body>
</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.">
<main>
<h1 class="text-5 font-black text-orange-700">Hello, world!</h1>
<p class="mb-4 text-sky-400">
<h1>Hello, world!</h1>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Accusantium optio magni
asperiores fugiat, necessitatibus voluptatem sit quaerat pariatur natus, tempora
voluptatibus vero eveniet repudiandae, expedita libero. Cum cupiditate at placeat.