Separate css into own file and remove extra files

katbow · katbow · commit 197f739954df · 2016-12-14T16:39:02.000Z
diff --git a/03 - CSS Variables/index-FINISHED.html b/03 - CSS Variables/index-FINISHED.html
diff --git a/03 - CSS Variables/index.html b/03 - CSS Variables/index.html
@@ -3,6 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <title>Scoped CSS Variables and JS</title>
+  <link rel="stylesheet" href="style.css" media="screen" title="no title">
 </head>
 <body>
   <h2>Update CSS Variables with <span class='hl'>JS</span></h2>
@@ -19,41 +20,7 @@ <h2>Update CSS Variables with <span class='hl'>JS</span></h2>
   </div>
 
   <img src="https://source.unsplash.com/7bwQXzbF6KE/800x500">
-
-  <style>
-
-    /*
-      misc styles, nothing to do with CSS variables
-    */
-
-    body {
-      text-align: center;
-    }
-
-    body {
-      background: #193549;
-      color: white;
-      font-family: 'helvetica neue', sans-serif;
-      font-weight: 100;
-      font-size: 50px;
-    }
-
-    .controls {
-      margin-bottom: 50px;
-    }
-
-    a {
-      color: var(--base);
-      text-decoration: none;
-    }
-
-    input {
-      width:100px;
-    }
-  </style>
-
-  <script>
-  </script>
+  <script type="text/javascript" src="main.js"></script>
 
 </body>
 </html>
diff --git a/03 - CSS Variables/style.css b/03 - CSS Variables/style.css
@@ -0,0 +1,24 @@
+body {
+  text-align: center;
+}
+
+body {
+  background: #193549;
+  color: white;
+  font-family: 'helvetica neue', sans-serif;
+  font-weight: 100;
+  font-size: 50px;
+}
+
+.controls {
+  margin-bottom: 50px;
+}
+
+a {
+  color: var(--base);
+  text-decoration: none;
+}
+
+input {
+  width:100px;
+}
