removing app.scss stuff infavor of the current way of doing things

This commit is contained in:
2026-06-07 22:08:16 -05:00
parent a140127c44
commit 74ee25d2f1
3 changed files with 51 additions and 53 deletions
+34 -32
View File
@@ -1,44 +1,46 @@
<script lang="javascript">
let {data} = $props()
let { data } = $props();
$inspect("b",data)
$inspect("b", data);
</script>
<svelte:head>
<title></title>
<meta name="description" content="" />
<title></title>
<meta name="description" content="" />
</svelte:head>
<section>
<h1>I might decide to write sometime</h1>
<ol>
{#each data.blags as {title, uri, created_at}}
<li><a href="blag/{uri}">{title}</a> @ <p>{new Date(created_at).toLocaleDateString()}</p></li>
{/each}
</ol>
<h1>I might decide to write sometime</h1>
<ol>
{#each data.blags as { title, uri, created_at }}
<li>
<a href="blag/{uri}">{title}</a> @
<p>{new Date(created_at).toLocaleDateString()}</p>
</li>
{/each}
</ol>
</section>
<style lang="scss">
@use '/src/app.scss' as *;
section {
margin: 1rem auto;
min-width: 60rem;
display: flex;
flex-direction: column;
align-items: center;
h1 {
font-size: 1.5rem;
text-shadow: 3px 3px 3px var(--primary-8);
}
ol {
list-style: none;
padding: 0;
li {
display: flex;
gap: 1rem;
justify-content: space-between;
}
}
}
</style>
section {
margin: 1rem auto;
min-width: 60rem;
display: flex;
flex-direction: column;
align-items: center;
h1{
font-size: 1.5rem;
text-shadow: 3px 3px 3px $green;
}
ol{
list-style: none;
padding: 0;
li{
display: flex;
gap: 1rem;
justify-content: space-between;
}
}
}
</style>