From 960ff4ee24c8a7fa5a56071bab57172003858a88 Mon Sep 17 00:00:00 2001
From: Giulio Alessandrini
Date: Sun, 1 Aug 2021 22:40:32 +0200
Subject: [PATCH] CSS variables
---
src/lib/apps/todoApp.svelte | 13 ++++++++-----
src/lib/components/footer.svelte | 8 +++++++-
src/lib/components/nav.svelte | 15 ++++++++++-----
src/routes/__layout.svelte | 13 ++++++++-----
src/routes/index.svelte | 8 +++++++-
5 files changed, 40 insertions(+), 17 deletions(-)
diff --git a/src/lib/apps/todoApp.svelte b/src/lib/apps/todoApp.svelte
index b123a76..b23b4c0 100644
--- a/src/lib/apps/todoApp.svelte
+++ b/src/lib/apps/todoApp.svelte
@@ -59,25 +59,28 @@
input {
padding: 5px;
margin: 0px;
- border: solid rgb(161, 161, 161) 1px;
+ border: solid var(--gray) 1px;
border-radius: 5px;
}
button {
padding: 5px;
margin: 0px;
- border: solid rgb(182, 182, 182) 1px;
+ background-color: var(--lightgray);
+ border: solid var(--gray) 1px;
border-radius: 5px;
}
hr {
- border: 1px solid rgb(182, 182, 182);
+ margin-top: 10px;
+ margin-bottom: 10px;
+ border: 1px solid var(--gray);
}
.panel {
background-color: rgb(245, 253, 255);
padding: 10px;
- border: solid rgb(182, 182, 182) 1px;
+ border: solid var(--gray) 1px;
border-radius: 5px;
}
@@ -113,7 +116,7 @@ hr {
padding: 10px;
margin: 5px 0px 5px 0px;
background-color: rgb(255, 255, 255);
- border: solid rgb(182, 182, 182) 1px;
+ border: solid var(--gray) 1px;
border-radius: 5px;
display: flex;
flex-wrap: wrap;
diff --git a/src/lib/components/footer.svelte b/src/lib/components/footer.svelte
index 4839d23..c90761f 100644
--- a/src/lib/components/footer.svelte
+++ b/src/lib/components/footer.svelte
@@ -4,4 +4,10 @@
and
-
\ No newline at end of file
+
+
+
\ No newline at end of file
diff --git a/src/lib/components/nav.svelte b/src/lib/components/nav.svelte
index 38fd19a..01d8bef 100644
--- a/src/lib/components/nav.svelte
+++ b/src/lib/components/nav.svelte
@@ -1,16 +1,21 @@
-
- Home
+
+ home
about
\ No newline at end of file
diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte
index 9910a99..99de269 100644
--- a/src/routes/__layout.svelte
+++ b/src/routes/__layout.svelte
@@ -3,22 +3,25 @@
import Footer from "$lib/components/footer.svelte"
-
+
\ No newline at end of file