From e0867166c2f9a0cb90d7adca58b078af6ab6767e Mon Sep 17 00:00:00 2001
From: gtm-nayan <gtmnayan@gmail.com>
Date: Mon, 21 Feb 2022 12:25:09 +0545
Subject: [PATCH] Shorten name

---
 .../13-advanced-styling/03-inline-styles/app-a/App.svelte | 6 +++---
 .../13-advanced-styling/03-inline-styles/app-b/App.svelte | 8 ++++----
 .../tutorial/13-advanced-styling/03-inline-styles/text.md | 4 ++--
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/site/content/tutorial/13-advanced-styling/03-inline-styles/app-a/App.svelte b/site/content/tutorial/13-advanced-styling/03-inline-styles/app-a/App.svelte
index 57547c8ca9..cd487d088c 100644
--- a/site/content/tutorial/13-advanced-styling/03-inline-styles/app-a/App.svelte
+++ b/site/content/tutorial/13-advanced-styling/03-inline-styles/app-a/App.svelte
@@ -1,9 +1,9 @@
 <script>
-	let backgroundOpacity = 0.5;
-	$: color = backgroundOpacity < 0.6 ? '#000' : '#fff';
+	let bgOpacity = 0.5;
+	$: color = bgOpacity < 0.6 ? '#000' : '#fff';
 </script>
 
-<input type="range" min="0" max="1" step="0.1" bind:value={backgroundOpacity} />
+<input type="range" min="0" max="1" step="0.1" bind:value={bgOpacity} />
 
 <p>This is a paragraph.</p>
 
diff --git a/site/content/tutorial/13-advanced-styling/03-inline-styles/app-b/App.svelte b/site/content/tutorial/13-advanced-styling/03-inline-styles/app-b/App.svelte
index dc0e561d16..b63a28d256 100644
--- a/site/content/tutorial/13-advanced-styling/03-inline-styles/app-b/App.svelte
+++ b/site/content/tutorial/13-advanced-styling/03-inline-styles/app-b/App.svelte
@@ -1,11 +1,11 @@
 <script>
-	let backgroundOpacity = 0.5;
-	$: color = backgroundOpacity < 0.6 ? '#000' : '#fff';
+	let bgOpacity = 0.5;
+	$: color = bgOpacity < 0.6 ? '#000' : '#fff';
 </script>
 
-<input type="range" min="0" max="1" step="0.1" bind:value={backgroundOpacity} />
+<input type="range" min="0" max="1" step="0.1" bind:value={bgOpacity} />
 
-<p style:color style:--o={backgroundOpacity}>This is a paragraph.</p>
+<p style:color style:--o={bgOpacity}>This is a paragraph.</p>
 
 <style>
 	p {
diff --git a/site/content/tutorial/13-advanced-styling/03-inline-styles/text.md b/site/content/tutorial/13-advanced-styling/03-inline-styles/text.md
index cea988e828..ea6b37c296 100644
--- a/site/content/tutorial/13-advanced-styling/03-inline-styles/text.md
+++ b/site/content/tutorial/13-advanced-styling/03-inline-styles/text.md
@@ -5,7 +5,7 @@ title: Inline styles and the style directive
 Apart from adding styles inside style tags, you can also add styles to individual elements using the style attribute. Usually you will want to do styling through CSS, but this can come in handy for dynamic styles, especially when combined with CSS custom properties.
 
 Add the following style attribute to the paragraph element:
-`style="color: {color}; --o: {backgroundOpacity};"`
+`style="color: {color}; --o: {bgOpacity};"`
 
 Great, now you can style the paragraph using variables that can change based on your input and you don't have to make a class for every possible value.
 
@@ -14,7 +14,7 @@ This can however get unwieldly if you have to write a rather long string, and mi
 ```html
 <p 
 	style:color 
-	style:--o={backgroundOpacity}
+	style:--o={bgOpacity}
 >
 ```