From 5c6730e3827e034bb8b2ec82b99725b524a40bd5 Mon Sep 17 00:00:00 2001
From: Stanislav Lashmanov <stasvarenkin@gmail.com>
Date: Tue, 14 Jul 2020 20:27:42 +0300
Subject: [PATCH] Simplify each block bindings example (#5094)

No need for CSS here, the same effect could be achieved with just a `disabled` binding.
---
 .../05-bindings/07-each-block-bindings/App.svelte        | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/site/content/examples/05-bindings/07-each-block-bindings/App.svelte b/site/content/examples/05-bindings/07-each-block-bindings/App.svelte
index ff91612ec5..4d3d75420c 100644
--- a/site/content/examples/05-bindings/07-each-block-bindings/App.svelte
+++ b/site/content/examples/05-bindings/07-each-block-bindings/App.svelte
@@ -16,16 +16,10 @@
 	$: remaining = todos.filter(t => !t.done).length;
 </script>
 
-<style>
-	.done {
-		opacity: 0.4;
-	}
-</style>
-
 <h1>Todos</h1>
 
 {#each todos as todo}
-	<div class:done={todo.done}>
+	<div>
 		<input
 			type=checkbox
 			bind:checked={todo.done}
@@ -34,6 +28,7 @@
 		<input
 			placeholder="What needs to be done?"
 			bind:value={todo.text}
+			disabled={todo.done}
 		>
 	</div>
 {/each}