lewis/lewisdale.dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add css joy webring links

Browse Source
This commit is contained in:
Lewis Dale 2024-01-31 21:47:17 +00:00
parent 125a3967f6
commit 35ee5d3e6b
2 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/_includes/base.njk
View File

@ -73,6 +73,15 @@
{{ content | safe }} {{ content | safe }}
<footer> <footer>
<div class="wrapper-lg">Copyright &copy; {{ today.year }} {{ metadata.author.name }}</div> <div class="wrapper-lg">Copyright &copy; {{ today.year }} {{ metadata.author.name }}</div>
<div class="wrapper-xs my-size-xs">
<p class="text-center">Part of the CSS JOY webring</p>
<div class="row" data-spacing="between">
<a href="https://webri.ng/webring/cssjoy/previous?via=https://lewisdale.dev">Previous</a>
<a href="https://webri.ng/webring/cssjoy/random?via=https://lewisdale.dev">Random</a>
<a href="https://webri.ng/webring/cssjoy/next?via=https://lewisdale.dev">Next</a>
</div>
</div>
</footer> </footer>

4
src/css/compositions/wrapper.css
View File

@ -6,6 +6,10 @@
padding-right: var(--wrapper-padding, var(--space-size-3xl)); padding-right: var(--wrapper-padding, var(--space-size-3xl));
} }
.wrapper-xs {
--wrapper-size: clamp(20rem, calc(10rem + 20vw), 40rem);
--wrapper-padding: var(--space-size-xs);
}
.wrapper-sm { .wrapper-sm {
--wrapper-size: var(--screen-sm); --wrapper-size: var(--screen-sm);
--wrapper-padding: var(--space-size-s); --wrapper-padding: var(--space-size-s);