small corrections here and there
This commit is contained in:
parent
537bea1136
commit
c639d7201b
7 changed files with 11 additions and 10 deletions
|
|
@ -1,6 +1,6 @@
|
|||
.card {
|
||||
background-color: var(--color-bg-accent);
|
||||
border: 3px solid var(--color-bg-accent);
|
||||
border: 4px solid var(--color-bg-accent);
|
||||
color: var(--color-text);
|
||||
padding: var(--space-s-m);
|
||||
border-radius: var(--border-radius);
|
||||
|
|
@ -25,7 +25,7 @@
|
|||
|
||||
.card:hover,
|
||||
.card:focus-within {
|
||||
border: 3px solid var(--color-primary);
|
||||
border: 4px solid var(--color-primary);
|
||||
}
|
||||
|
||||
/* 'clickable' */
|
||||
|
|
|
|||
|
|
@ -4,13 +4,14 @@
|
|||
}
|
||||
|
||||
.prose :is(pre, pre + *, figure, figure + *) {
|
||||
--flow-space: var(--space-s-m);
|
||||
--flow-space: var(--space-m-l);
|
||||
}
|
||||
|
||||
.prose figcaption {
|
||||
font-size: var(--size-step-min-1);
|
||||
text-align: center;
|
||||
padding-block-end: var(--space-xs);
|
||||
margin-block-end: var(--space-s);
|
||||
border-bottom: 1px solid var(--color-bg-accent);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -16,10 +16,6 @@
|
|||
padding: var(--space-xs);
|
||||
}
|
||||
|
||||
:not(nav#social).site-foot__inner {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.site-foot svg {
|
||||
inline-size: 1.1em;
|
||||
block-size: 1em;
|
||||
|
|
|
|||
|
|
@ -90,6 +90,10 @@ hr {
|
|||
padding: 0;
|
||||
}
|
||||
|
||||
ol li::marker {
|
||||
color: var(--color-primary);
|
||||
}
|
||||
|
||||
/* Base interactive elements */
|
||||
|
||||
a {
|
||||
|
|
|
|||
|
|
@ -48,7 +48,7 @@ customGradients:
|
|||
{%- endfor %}
|
||||
</ul>
|
||||
|
||||
<h3 class="heading-line | mt-l-xl">Custom created colors</h3>
|
||||
<h3 class="heading-line | mt-l-xl">Custom colors</h3>
|
||||
<p>in <code>variables.css</code>. Some only change for dark theme.</p>
|
||||
|
||||
<ul role="list">
|
||||
|
|
|
|||
|
|
@ -32,7 +32,7 @@ cards.forEach(card => {
|
|||
margin-inline: auto;
|
||||
}
|
||||
|
||||
/* © Stephanie Exkles, https://smolcss.dev/ */
|
||||
/* © Stephanie Eckles, https://smolcss.dev/ */
|
||||
```
|
||||
|
||||
Edit styles in `css/blocks/code.css`
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ description: 'As of version 2.0, the demos featured here are all directly built
|
|||
date: 2023-10-30
|
||||
demos:
|
||||
- title: Gallery
|
||||
description: 'A gallery with good old "popup" functionality inside a dialog element, a new image shortcode that links directly to the image with its original dimensions, and a regular loop over images.'
|
||||
description: 'A gallery with good old "popup" functionality inside a dialog element and a regular loop over images.'
|
||||
preview: '/blog/post-with-a-gallery/'
|
||||
- title: Pagination
|
||||
description: 'The blog collection with a pagination. To work with visual current page indication, :has() pseudo-class support is required.'
|
||||
|
|
|
|||
Loading…
Reference in a new issue