ctome
/
hullcss-astro
mirror of https://github.com/CrimsonTome/hullcss-astro.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

updated styles 

Signed-off-by: Ash Entwisle <ash.entwisle@protonmail.com>
issue/index
Ash Entwisle 2023-09-19 04:05:32 +00:00
parent 82abc56255
commit f7ebc9b217
No known key found for this signature in database
GPG Key ID: 0E3CBB6B4BE9FE33
7 changed files with 94 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Error.astro
View File

@ -6,7 +6,7 @@ export interface Props {
const { code } = Astro.props;
---
<div class="flex items-center justify-center h-screen flex-col">
<div class="flex items-center justify-center flex-col">
<div class="w-3/4">
<h1 class="text-6xl font-bold m-250">Error: { code }</h1>
<slot />

3
src/layouts/Blogpost.astro
View File

@ -7,4 +7,5 @@ const { frontmatter } = Astro.props;
if (frontmatter.draft) {
return Astro.redirect('/404');
}
---
---

2
src/layouts/Boilerplate.astro
View File

@ -11,6 +11,8 @@ export interface Props {
const { title, description, keywords } = Astro.props;
const keywordsString = keywords.join(' ');
import "../styles.scss"
---
<!DOCTYPE html>

21
src/layouts/Markdown.astro
View File

@ -0,0 +1,21 @@
---
import Boilerplate from "./Boilerplate.astro";
const { frontmatter } = Astro.props
// remove all duplicate words in the description and add them as keywords
const tags: string[] = frontmatter.description.split(" ").filter((word: any, index: any, self: string | any[]) => {
return self.indexOf(word) === index;
});
import "../styles.scss"
---
<Boilerplate title={frontmatter.title} description={frontmatter.description} keywords={tags}>
<markdown class="flex items-center justify-center flex-col">
<div class="w-3/4">
<slot />
</div>
</markdown>
</Boilerplate>

3
src/layouts/Todo.astro
View File

@ -3,9 +3,6 @@
import Boilerplate from "./Boilerplate.astro";
import Error from "../components/Error.astro";
// use styles.scss
import "../styles.scss";
const keywords: string[] = [];
---

3
src/pages/[...any].astro
View File

@ -3,9 +3,6 @@
import Error from "../components/Error.astro";
import Boilerplate from "../layouts/Boilerplate.astro";
// use styles.scss
import "../styles.scss";
const keywords: string[] = []
---

68
src/styles.scss
View File

@ -45,6 +45,74 @@ main {
@apply bg-mono_6;
}
}
markdown {
height: fit-content;
h1 {
margin: 10px;
@apply text-4xl;
@apply font-bold;
}
h2 {
margin: 10px;
@apply text-3xl;
@apply font-bold;
}
h3 {
margin: 10px;
@apply text-2xl;
@apply font-bold;
}
h4 {
margin: 10px;
@apply text-xl;
@apply font-bold;
}
p {
margin: 10px;
margin-top: 25px;
margin-bottom: 25px;
@apply text-lg;
}
ul {
margin: 10px;
margin-top: 10px;
margin-bottom: 10px;
@apply text-lg;
}
ol {
margin: 10px;
margin-top: 10px;
margin-bottom: 10px;
@apply text-lg;
}
li {
margin: 10px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 25px;
list-style-type: disc;
@apply text-lg;
}
}
footer {