Card classes: dashed & elevated; global headings font-size

This commit is contained in:
DarkCat09 2023-06-22 21:58:13 +04:00
parent 26920f512a
commit 3d07dddef4
2 changed files with 13 additions and 2 deletions

View file

@ -61,9 +61,16 @@ const { title, description } = Astro.props;
} }
.card { .card {
border: 0.125rem dashed var(--bg-sec);
border-radius: var(--bdrs); border-radius: var(--bdrs);
padding: 0.625rem; padding: 0.625rem;
&.card-dashed {
border: 0.125rem dashed var(--bg-sec);
}
&.card-elevated {
background: var(--accent-bg);
}
} }
hgroup > * { hgroup > * {
@ -87,6 +94,10 @@ const { title, description } = Astro.props;
font-size: 1.1rem; font-size: 1.1rem;
} }
h1, h2, h3, h4, h5, h6 {
margin: 0;
}
a, .link { a, .link {
color: var(--accent-fg); color: var(--accent-fg);
text-decoration: none; text-decoration: none;

View file

@ -23,7 +23,7 @@ const description =
<Profile app="Discord" icon="&#xf392;" name="DarkCat09#5587" url="https://discord.com/app" copyName /> <Profile app="Discord" icon="&#xf392;" name="DarkCat09#5587" url="https://discord.com/app" copyName />
</section> </section>
</article> </article>
<article class="card" id="about"> <article class="card card-dashed" id="about">
<ul> <ul>
<ListItem icon="&#xf05a;"> <ListItem icon="&#xf05a;">
<a href="https://t.me/dc09about" target="_blank"> <a href="https://t.me/dc09about" target="_blank">