Card classes: dashed & elevated; global headings font-size
This commit is contained in:
parent
26920f512a
commit
3d07dddef4
2 changed files with 13 additions and 2 deletions
|
@ -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;
|
||||||
|
|
|
@ -23,7 +23,7 @@ const description =
|
||||||
<Profile app="Discord" icon="" name="DarkCat09#5587" url="https://discord.com/app" copyName />
|
<Profile app="Discord" icon="" 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="">
|
<ListItem icon="">
|
||||||
<a href="https://t.me/dc09about" target="_blank">
|
<a href="https://t.me/dc09about" target="_blank">
|
||||||
|
|
Loading…
Add table
Reference in a new issue