styling updates
This commit is contained in:
@@ -10,10 +10,10 @@ const { href, title, body } = Astro.props;
|
||||
|
||||
<li class="link-card">
|
||||
<a href={href}>
|
||||
<h6 class="nu-c-h6 nu-u-mt-4 nu-u-mb-4">
|
||||
<h6 class="nu-c-h6 nu-u-mt-1 nu-u-mb-1">
|
||||
{title}
|
||||
</h6>
|
||||
<p class="nu-c-fs-small nu-u-mb-1">
|
||||
<p class="nu-c-fs-small nu-u-mt-1 nu-u-mb-1">
|
||||
{body}
|
||||
</p>
|
||||
</a>
|
||||
@@ -26,11 +26,10 @@ const { href, title, body } = Astro.props;
|
||||
background-position: 100%;
|
||||
border: 1px solid var(--background-secondary);
|
||||
}
|
||||
|
||||
.link-card > a {
|
||||
width: 100%;
|
||||
text-decoration: none;
|
||||
padding: 1rem 1.3rem;
|
||||
padding: 0.8rem 1.2rem;
|
||||
color: var(--support-info);
|
||||
}
|
||||
p {
|
||||
|
||||
@@ -45,12 +45,14 @@ const { title } = Astro.props;
|
||||
font-family: var(--system-ui);
|
||||
background-color: var(--background);
|
||||
}
|
||||
body { margin: 0; padding: 0;}
|
||||
code {
|
||||
font-family: Menlo, Consolas, "Ubuntu Mono", "Roboto Mono", "DejaVu Sans Mono", Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
|
||||
}
|
||||
main { margin: auto; margin: var(--spacing-10);}
|
||||
h1.title { margin-bottom: var(--spacing-10); color: var(--text-primary); margin-top: var(--spacing-16); }
|
||||
main { margin: auto var(--spacing-10);}
|
||||
h1.title { margin-bottom: var(--spacing-10); color: var(--text-primary); margin-top: var(--spacing-12); }
|
||||
section { margin-bottom: var(--spacing-10);}
|
||||
p {margin-top: var(--spacing-1);}
|
||||
|
||||
/* theme toggle */
|
||||
|
||||
|
||||
Reference in New Issue
Block a user