Alexander Bocken
4191012cf1
All checks were successful
CI / update (push) Successful in 1m29s
Merge nordtheme.css tokens and utility classes into app.css, import app.css once in root layout, delete redundant files (nordtheme.css, form.css, rosenkranz.css), move domain CSS to layouts, fix broken shake keyframe in action_button.css, and scope form styles to the two pages that need them. 10 CSS files → 6, 41 redundant imports removed.
34 lines
672 B
Svelte
34 lines
672 B
Svelte
<script lang="ts">
|
|
import type { Snippet } from 'svelte';
|
|
let { title = '', children } = $props<{ title?: string, children?: Snippet }>();
|
|
</script>
|
|
<style>
|
|
.media-scroller {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap:nowrap;
|
|
overflow-x: auto;
|
|
/*gap: 2rem;*/ /*messes up if js disabled as anchor tag is inserted twice...*/
|
|
padding: 3rem;
|
|
}
|
|
.media_scroller_wrapper{
|
|
background-color: var(--nord2);
|
|
}
|
|
h2{
|
|
color: var(--nord6);
|
|
padding-top: 2rem;
|
|
margin: 1em 0em 0em 4rem;
|
|
font-size: 3rem;
|
|
}
|
|
|
|
|
|
</style>
|
|
<div class=media_scroller_wrapper>
|
|
{#if title}
|
|
<h2>{title}</h2>
|
|
{/if}
|
|
<div class="media-scroller snaps-inline">
|
|
{@render children?.()}
|
|
</div>
|
|
</div>
|