[selectors-4] Fix typos in usage of css variables

FremyCompany · web-flow · commit afbffa43d4dd · 2018-09-10T14:34:17.000-07:00
diff --git a/selectors-4/Overview.bs b/selectors-4/Overview.bs
@@ -2257,15 +2257,15 @@ The Focus-Indicated Pseudo-class: '':focus-visible''</h3>
 
 		<pre highlight=css>
 		:root {
-			focus-gold: #ffbf47;
+			--focus-gold: #ffbf47;
 		}
 
 		:focus-visible  {
-			outline: 3px solid --var(focus-gold);
+			outline: 3px solid var(--focus-gold);
 		}
 
 		a:focus-visible {
-			background-color: --var(focus-gold);
+			background-color: var(--focus-gold);
 		}
 		</pre>
 	</div>
@@ -2320,7 +2320,7 @@ The Focus-Indicated Pseudo-class: '':focus-visible''</h3>
 	}
 
 	:focus-visible {
- 		outline: 3px solid --var(focus-gold);
+ 		outline: 3px solid var(--focus-gold);
 	}
 	</div>
 

Original file line number	Diff line number	Diff line change
`@@ -2257,15 +2257,15 @@ The Focus-Indicated Pseudo-class: '':focus-visible''</h3>`
`2257`	`2257`
`2258`	`2258`	`<pre highlight=css>`
`2259`	`2259`	`:root {`
`2260`		`- focus-gold: #ffbf47;`
	`2260`	`+ --focus-gold: #ffbf47;`
`2261`	`2261`	`}`
`2262`	`2262`
`2263`	`2263`	`:focus-visible {`
`2264`		`- outline: 3px solid --var(focus-gold);`
	`2264`	`+ outline: 3px solid var(--focus-gold);`
`2265`	`2265`	`}`
`2266`	`2266`
`2267`	`2267`	`a:focus-visible {`
`2268`		`- background-color: --var(focus-gold);`
	`2268`	`+ background-color: var(--focus-gold);`
`2269`	`2269`	`}`
`2270`	`2270`	`</pre>`
`2271`	`2271`	`</div>`
`@@ -2320,7 +2320,7 @@ The Focus-Indicated Pseudo-class: '':focus-visible''</h3>`
`2320`	`2320`	`}`
`2321`	`2321`
`2322`	`2322`	`:focus-visible {`
`2323`		`- outline: 3px solid --var(focus-gold);`
	`2323`	`+ outline: 3px solid var(--focus-gold);`
`2324`	`2324`	`}`
`2325`	`2325`	`</div>`
`2326`	`2326`