added spacing and semicolon

wesbos · Jul 30, 2018 · 6a90e00 · 6a90e00
1 parent 746d279
commit 6a90e00
Showing 1 changed file with 25 additions and 26 deletions.
diff --git a/26 - Stripe Follow Along Nav/index-START.html b/26 - Stripe Follow Along Nav/index-START.html
@@ -69,11 +69,13 @@ <h2>Cool</h2>
 <style>
   html {
     box-sizing: border-box;
-    font-family: "Arial Rounded MT Bold","Helvetica Rounded",Arial,sans-serif
+    font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
   }
+
   *, *:before, *:after {
     box-sizing: inherit;
   }
+
   body {
     margin: 0;
     min-height: 100vh;
@@ -99,10 +101,10 @@ <h2>Cool</h2>
     text-decoration: none;
     font-size: 20px;
     background: rgba(0,0,0,0.2);
-    padding:10px 20px;
+    padding: 10px 20px;
     display: inline-block;
-    margin:20px;
-    border-radius:5px;
+    margin: 20px;
+    border-radius: 5px;
   }
 
   nav ul {
@@ -115,17 +117,17 @@ <h2>Cool</h2>
 
   .cool > li {
     position: relative;
-    display:flex;
+    display: flex;
     justify-content: center;
   }
 
   .dropdown {
     opacity: 0;
     position: absolute;
     overflow: hidden;
-    padding:20px;
-    top:-20px;
-    border-radius:2px;
+    padding: 20px;
+    top: -20px;
+    border-radius: 2px;
     transition: all 0.5s;
     transform: translateY(100px);
     will-change: opacity;
@@ -139,17 +141,15 @@ <h2>Cool</h2>
   .trigger-enter-active .dropdown {
     opacity: 1;
   }
-
-
-
+
   .dropdownBackground {
-    width:100px;
-    height:100px;
+    width: 100px;
+    height: 100px;
     position: absolute;
     background: #fff;
     border-radius: 4px;
     box-shadow: 0 50px 100px rgba(50,50,93,.1), 0 15px 35px rgba(50,50,93,.15), 0 5px 15px rgba(0,0,0,.1);
-    transition:all 0.3s, opacity 0.1s, transform 0.2s;
+    transition: all 0.3s, opacity 0.1s, transform 0.2s;
     transform-origin: 50% 0;
     display: flex;
     justify-content: center;
@@ -162,28 +162,28 @@ <h2>Cool</h2>
 
   .arrow {
     position: absolute;
-    width:20px;
-    height:20px;
+    width: 20px;
+    height: 20px;
     display: block;
-    background:white;
+    background: white;
     transform: translateY(-50%) rotate(45deg);
   }
 
   .bio {
-    min-width:500px;
-    display:flex;
+    min-width: 500px;
+    display: flex;
     justify-content: center;
     align-items: center;
     line-height: 1.7;
   }
 
   .bio img {
-    float:left;
-    margin-right:20px;
+    float: left;
+    margin-right: 20px;
   }
 
   .courses {
-    min-width:300px;
+    min-width: 300px;
   }
 
   .courses li {
@@ -198,14 +198,13 @@ <h2>Cool</h2>
   }
 
   a.button {
-    background:black;
+    background: black;
     display: block;
-    padding:10px;
-    color:white;
+    padding: 10px;
+    color: white;
     margin-bottom: 10px;
   }
 
-
   /* Matches Twitter, TWITTER, twitter, tWitter, TWiTTeR... */
   .button[href*=twitter] { background: #019FE9; }
   .button[href*=facebook] { background: #3B5998; }