Issue #10: WIP: Bringing tabs up to date w/ theme of other demos.

patricknelson · Sep 30, 2023 · 8231c07 · 8231c07
1 parent 6363a2c
commit 8231c07
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 3 deletions.
diff --git a/demo/src/App.svelte b/demo/src/App.svelte
@@ -82,7 +82,7 @@
 	}
 
 	a.current {
-		color: #ff3e00;
+		color: var(--orange);
 		text-decoration: underline;
 	}
 </style>
diff --git a/demo/src/app.css b/demo/src/app.css
@@ -14,6 +14,7 @@
   -webkit-text-size-adjust: 100%;
 
   --light-gray: #f9f9f9;
+  --orange: #ff3e00; /* you happy you have svelte-retag? 🧀 */
 }
 
 html {

diff --git a/demo/src/lib/tabs/TabButton.svelte b/demo/src/lib/tabs/TabButton.svelte
@@ -19,7 +19,7 @@
 	}
 
 	.selected {
-		border-bottom: 2px solid teal;
+		border-bottom: 2px solid var(--orange);
 		color: #333;
 	}
 </style>

diff --git a/demo/src/lib/tabs/TabList.svelte b/demo/src/lib/tabs/TabList.svelte
@@ -4,6 +4,6 @@
 
 <style>
 	.tab-list {
-		border-bottom: 1px solid teal;
+		border-bottom: 1px solid var(--orange);
 	}
 </style>
-Original file line number
+Diff line change
@@ Expand Up / @@ -14,6 +14,7 @@ @@
       -webkit-text-size-adjust: 100%;
       --light-gray: #f9f9f9;
+      --orange: #ff3e00; /* you happy you have svelte-retag? 🧀 */
     }
     html {
@@ Expand Down @@