will/sludge-link
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Will Stensvold
2026-06-07 22:08:16 -05:00
parent a140127c44
commit 74ee25d2f1
3 changed files with 51 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/blag/+page.svelte
+8 -6
View File
@@ -1,7 +1,7 @@
<script lang="javascript"> <script lang="javascript">
let {data} = $props() let { data } = $props();
$inspect("b",data) $inspect("b", data);
</script> </script>
<svelte:head> <svelte:head>
@@ -13,14 +13,15 @@
<h1>I might decide to write sometime</h1> <h1>I might decide to write sometime</h1>
<ol> <ol>
{#each data.blags as { title, uri, created_at }} {#each data.blags as { title, uri, created_at }}
<li><a href="blag/{uri}">{title}</a> @ <p>{new Date(created_at).toLocaleDateString()}</p></li> <li>
<a href="blag/{uri}">{title}</a> @
<p>{new Date(created_at).toLocaleDateString()}</p>
</li>
{/each} {/each}
</ol> </ol>
</section> </section>
<style lang="scss"> <style lang="scss">
@use '/src/app.scss' as *;
section { section {
margin: 1rem auto; margin: 1rem auto;
min-width: 60rem; min-width: 60rem;
@@ -29,7 +30,7 @@
align-items: center; align-items: center;
h1 { h1 {
font-size: 1.5rem; font-size: 1.5rem;
text-shadow: 3px 3px 3px $green; text-shadow: 3px 3px 3px var(--primary-8);
} }
ol { ol {
list-style: none; list-style: none;
@@ -42,3 +43,4 @@
} }
} }
</style> </style>
src/routes/blag/[uri]/+page.svelte
+4 -6
View File
@@ -22,7 +22,6 @@
</section> </section>
<style lang="scss"> <style lang="scss">
@use "/src/app.scss" as *;
section { section {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -38,14 +37,14 @@
text-align: center; text-align: center;
} }
:global(hr) { :global(hr) {
color: $green; color: var(--primary-1);
} }
:global(blockquote) { :global(blockquote) {
background: $green-42; background: var(--primary-6);
border-left: 1rem solid $green; border-left: 1rem solid var(--primary-8);
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
&:before { &:before {
color: $orange; color: var(--secondary-5);
content: open-quote; content: open-quote;
font-size: 1.5rem; font-size: 1.5rem;
line-height: 0.1rem; line-height: 0.1rem;
@@ -61,4 +60,3 @@
} }
} }
</style> </style>
src/routes/blag/new/+page.svelte
+13 -15
View File
@@ -53,8 +53,6 @@ Regular; hmm double enter gets a new
</section> </section>
<style lang="scss"> <style lang="scss">
@use "/src/app.scss" as *;
section { section {
width: 100%; width: 100%;
display: flex; display: flex;
@@ -74,9 +72,9 @@ Regular; hmm double enter gets a new
margin: 1rem 0; margin: 1rem 0;
gap: 1rem; gap: 1rem;
input { input {
background: $green-42; background: var(--primary-7);
color: $yellow; color: var(--primary-1);
border: solid 3px $green; border: solid 3px var(--primary-5);
border-radius: 5px; border-radius: 5px;
&:focus-visible { &:focus-visible {
outline: none; outline: none;
@@ -88,10 +86,10 @@ Regular; hmm double enter gets a new
width: 100%; width: 100%;
height: 40rem; height: 40rem;
line-height: 1.5; line-height: 1.5;
border: 1px solid $green; border: 1px solid var(--primary-7);
border-radius: 5px; border-radius: 5px;
background: $green-42; background: var(--primary-5);
color: $yellow; color: var(--primary-1);
font-family: "Garamond"; font-family: "Garamond";
&:focus-visible { &:focus-visible {
outline: none; outline: none;
@@ -100,9 +98,9 @@ Regular; hmm double enter gets a new
button { button {
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
margin-top: 1rem; margin-top: 1rem;
background-color: $green-42; background-color: var(--primary-5);
color: $yellow; color: var(--primary-1);
border: solid 3px $green; border: solid 3px var(--primary-7);
border-radius: 5px; border-radius: 5px;
align-self: center; align-self: center;
} }
@@ -119,14 +117,14 @@ Regular; hmm double enter gets a new
text-align: center; text-align: center;
} }
:global(hr) { :global(hr) {
color: $green; color: var(--primary-7);
} }
:global(blockquote) { :global(blockquote) {
background: $green-42; background: var(--primary-7);
border-left: 1rem solid $green; border-left: 1rem solid var(--primary-7);
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
&:before { &:before {
color: $orange; color: var(--secondary-5);
content: open-quote; content: open-quote;
font-size: 1.5rem; font-size: 1.5rem;
line-height: 0.1rem; line-height: 0.1rem;