mirror of
https://github.com/Fluffy-Bean/website.git
synced 2025-06-13 06:03:13 +00:00
Post, Project and index pages
Example posts
This commit is contained in:
parent
5970f11bcc
commit
d3dafddf74
21 changed files with 625 additions and 168 deletions
|
@ -1,6 +1,6 @@
|
|||
---
|
||||
import Layout from "./Layout.astro";
|
||||
import Pill from "../components/Pill.astro";
|
||||
|
||||
const { frontmatter } = Astro.props;
|
||||
---
|
||||
|
||||
|
@ -10,8 +10,8 @@ const { frontmatter } = Astro.props;
|
|||
<p>By {frontmatter.author}</p>
|
||||
|
||||
<ul id="tags">
|
||||
{frontmatter.tags.map((item) => (
|
||||
<Pill name={item} />
|
||||
{frontmatter.tags.map(item => (
|
||||
<li class="pill">#{item}</li>
|
||||
))}
|
||||
</ul>
|
||||
|
||||
|
@ -38,12 +38,12 @@ const { frontmatter } = Astro.props;
|
|||
text-decoration: none;
|
||||
|
||||
border-radius: 9999px;
|
||||
border: 2px solid $gray;
|
||||
border: 0 solid $gray;
|
||||
background-color: $gray;
|
||||
color: $light;
|
||||
|
||||
&:hover, &:focus-visible {
|
||||
background-color: transparent;
|
||||
background-color: lighten($gray, 1%);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue