css: consolidate stylesheets into single source of truth

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.
This commit is contained in:
2026-02-15 22:26:22 +01:00
parent 0a13df19f5
commit e38879d8be
47 changed files with 204 additions and 548 deletions
-1
View File
@@ -1,5 +1,4 @@
<script lang="ts">
import "$lib/css/nordtheme.css";
import "$lib/css/shake.css";
import "$lib/css/icon.css";
import { onMount } from "svelte";
@@ -1,5 +1,4 @@
<script>
import "$lib/css/nordtheme.css";
import TagChip from '$lib/components/recipes/TagChip.svelte';
let {
@@ -5,7 +5,6 @@ import Cross from '$lib/assets/icons/Cross.svelte'
import Plus from '$lib/assets/icons/Plus.svelte'
import Check from '$lib/assets/icons/Check.svelte'
import '$lib/css/nordtheme.css'
import "$lib/css/action_button.css"
import { do_on_key } from '$lib/components/recipes/do_on_key.js'
@@ -1,5 +1,4 @@
<script>
import "$lib/css/nordtheme.css";
import Toggle from '$lib/components/Toggle.svelte';
let {
@@ -1,5 +1,4 @@
<script>
import "$lib/css/nordtheme.css";
import CategoryFilter from './CategoryFilter.svelte';
import TagFilter from './TagFilter.svelte';
import IconFilter from './IconFilter.svelte';
-1
View File
@@ -1,5 +1,4 @@
<script lang="ts">
import '$lib/css/nordtheme.css';
import "$lib/css/shake.css"
let { icon, ...restProps } = $props<{ icon: string, [key: string]: any }>();
</script>
@@ -1,5 +1,4 @@
<script>
import "$lib/css/nordtheme.css";
import TagChip from '$lib/components/recipes/TagChip.svelte';
let {
@@ -1,6 +1,5 @@
<script lang="ts">
import type { Snippet } from 'svelte';
import '$lib/css/nordtheme.css';
import Recipes from '$lib/components/recipes/Recipes.svelte';
import Search from './Search.svelte';
@@ -4,8 +4,6 @@ import { onNavigate } from "$app/navigation";
import { browser } from '$app/environment';
import { page } from '$app/stores';
import HefeSwapper from './HefeSwapper.svelte';
import '$lib/css/recipe-links.css';
let { data } = $props();
// Helper function to multiply numbers in ingredient amounts
@@ -1,5 +1,4 @@
<script>
import '$lib/css/recipe-links.css';
let { data } = $props();
let multiplier = $state(data.multiplier || 1);
@@ -1,5 +1,4 @@
<script>
import "$lib/css/nordtheme.css";
let {
useAndLogic = true,
@@ -1,6 +1,5 @@
<script lang="ts">
import type { Snippet } from 'svelte';
import "$lib/css/nordtheme.css"
let { title = '', children } = $props<{ title?: string, children?: Snippet }>();
</script>
<style>
-1
View File
@@ -1,7 +1,6 @@
<script>
import {onMount} from "svelte";
import { browser } from '$app/environment';
import "$lib/css/nordtheme.css";
import FilterPanel from './FilterPanel.svelte';
import { getCategories } from '$lib/js/categories';
@@ -1,5 +1,4 @@
<script>
import "$lib/css/nordtheme.css";
import TagChip from '$lib/components/recipes/TagChip.svelte';
let {
@@ -1,6 +1,5 @@
<script lang="ts">
import type { Snippet } from 'svelte';
import '$lib/css/nordtheme.css';
import Recipes from '$lib/components/recipes/Recipes.svelte';
import Search from './Search.svelte';
@@ -1,5 +1,4 @@
<script lang=ts>
import "$lib/css/nordtheme.css"
import { season } from '$lib/js/season_store.js'
import {onMount} from "svelte";
import {do_on_key} from "./do_on_key";
@@ -1,5 +1,4 @@
<script>
import "$lib/css/nordtheme.css";
let {
tag = '',
@@ -1,5 +1,4 @@
<script>
import "$lib/css/nordtheme.css";
import TagChip from '$lib/components/recipes/TagChip.svelte';
let {