From 2f7c9f58e44e189c2fc9fb79d939e6917aded3b7 Mon Sep 17 00:00:00 2001
From: Dmitry Borisenko <49808844+DmitryBorisenko33@users.noreply.github.com>
Date: Tue, 19 Oct 2021 05:54:52 +0800
Subject: [PATCH] add two toggles as examples
---
src/App.svelte | 48 +++++++++++++++++++++++++++++++++++++++++++++++-
1 file changed, 47 insertions(+), 1 deletion(-)
diff --git a/src/App.svelte b/src/App.svelte
index 07eb753..4731540 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -170,7 +170,41 @@
-
+
+
+
+
+
+
+
@@ -334,4 +368,16 @@
height: 30px;
opacity: 1;
}
+
+ /* Toggle A */
+ input:checked ~ .dot {
+ transform: translateX(100%);
+ background-color: #48bb78;
+ }
+
+ /* Toggle B */
+ input:checked ~ .dot {
+ transform: translateX(100%);
+ background-color: #48bb78;
+ }