fix(css): Make example a little more accessible (#261)

mdn · Mar 7, 2024 · 4082219 · 4082219
1 parent 9189afb
commit 4082219
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 45 deletions.
diff --git a/web-workers/simple-shared-worker/style.css b/web-workers/simple-shared-worker/style.css
@@ -1,17 +1,8 @@
 html {
-  background-color: #7d2663;
+  background-color: rgb(230, 230, 230);
   font-family: sans-serif;
 }
 
-h1 {
-  margin: 0;
-  font-size: 15vw;
-  letter-spacing: -0.2rem;
-  position: absolute;
-  top: 0;
-  z-index: -1;
-}
-
 p {
   margin: 0 0 1rem 0;
 }
@@ -20,15 +11,8 @@ p {
   padding: 4vw;
   width: 75%;
   margin: 3vw auto;
-  background-color: rgba(255, 255, 255, 0.7);
-  border: 5px solid black;
-  opacity: 0.3;
-  transition: 1s all;
-}
-
-.controls:hover,
-.controls:focus {
-  opacity: 1;
+  border: 2px solid;
+  border-radius: 6px;
 }
 
 .controls label,

diff --git a/web-workers/simple-web-worker/style.css b/web-workers/simple-web-worker/style.css
@@ -1,40 +1,26 @@
 html {
-	background-color: #7D2663;
-	font-family: sans-serif;
-}
-
-h1 {
-	margin: 0;
-	font-size: 20vmin;
-	letter-spacing: -0.2rem;
-	position: absolute;
-	top: 0;
-	z-index: -1;
+  background-color: rgb(230, 230, 230);
+  font-family: sans-serif;
 }
 
 p {
-	margin: 0;
+  margin: 0 0 1rem 0;
 }
 
 .controls {
-	padding: 4vw;
-	width: 75%;
-	margin: 10vw auto;
-	background-color: rgba(255,255,255,0.7);
-	border: 5px solid black;
-	opacity: 0.3;
-	transition: 1s all;
+  padding: 4vw;
+  width: 75%;
+  margin: 3vw auto;
+  border: 2px solid;
+  border-radius: 6px;
 }
 
-.controls:hover, .controls:focus {
-  opacity: 1;
-}
-
-.controls label, .controls p, .controls input {
-	font-size: 3vw;
+.controls label,
+.controls p,
+.controls input {
+  font-size: 3vw;
 }
 
 .controls div {
   padding-bottom: 1rem;
 }
-