fuzzzerd
diff --git a/‎README.md‎
Lines changed: 8 additions & 2 deletions b/‎README.md‎
Lines changed: 8 additions & 2 deletions
diff --git a/‎index.html‎ ‎demo/index.html‎index.html renamed to demo/index.html
Lines changed: 9 additions & 9 deletions b/‎index.html‎ ‎demo/index.html‎index.html renamed to demo/index.html
Lines changed: 9 additions & 9 deletions
diff --git a/‎demo/tinycss.css‎
Lines changed: 140 additions & 0 deletions b/‎demo/tinycss.css‎
Lines changed: 140 additions & 0 deletions
diff --git a/‎demo/tinycss.css.map‎
Lines changed: 1 addition & 0 deletions b/‎demo/tinycss.css.map‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎tinycss.min.css‎
Lines changed: 0 additions & 1 deletion b/‎tinycss.min.css‎
Lines changed: 0 additions & 1 deletion
diff --git a/‎tinycss.min.css.map‎
Lines changed: 0 additions & 1 deletion b/‎tinycss.min.css.map‎
Lines changed: 0 additions & 1 deletion
@@ -13,7 +13,7 @@ Take your pick. You have options:
 - Copy the `.css` file and drop it in to your site as-is.
 - Grab the `.scss` files and incorporate that in your build process.
 
-There isn't a wrong way to use it.
+Then simply amend `:root` variables per your colors and specs. There isn't a wrong way to use it.
 
 ## Build and Test Locally
 
@@ -26,7 +26,13 @@ choco install sass
 Once installed, you can run
 
 ```ps
-sass tinycss.scss tinycss.min.css --style compressed
+sass tinycss.scss:demo/tinycss.css --watch --style expanded --embed-sources
 ```
 
 to generate the files you see here, or use other cli options from sass to suit your specific needs. Use the `--watch` parameter for ongoing development.
+
+To generate minified output:
+
+```ps
+sass demo/tinycss.css:demo/tinycss.min.css --style compressed
+```
@@ -7,20 +7,20 @@
 
     <title>Tiny CSS Test Page</title>
 
-    <link rel="stylesheet" href="tinycss.min.css" />
+    <link rel="stylesheet" href="tinycss.css" />
   </head>
 
   <body>
     <header>
       <nav>
-        <a href="/">a link.</a>
-        <a href="/">a link.</a>
-        <a href="/">a link.</a>
-        <a href="/">a link.</a>
+        <a href="#paragraph">Paragraph Content.</a>
+        <a href="#tabledata">Table Data</a>
+        <a href="#formdata">Form Data</a>
+        <a href="#themeswitcher">Theme Switcher</a>
       </nav>
     </header>
     <main>
-      <h1>Header 1</h1>
+      <h1 id="paragraph">Header 1</h1>
       <p>
         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras a mauris
         eleifend, posuere ipsum sit amet, mattis elit. Integer nec tortor augue.
@@ -50,7 +50,7 @@ <h1>Header 1</h1>
         venenatis eu. Donec at luctus urna.
       </p>
 
-      <h2>Table Of Data</h2>
+      <h2 id="tabledata">Table Of Data</h2>
       <table>
         <thead>
           <tr>
@@ -101,7 +101,7 @@ <h2>Table Of Data</h2>
           </tr>
         </tfoot>
       </table>
-      <h2>Form</h2>
+      <h2 id="formdata">Form</h2>
       <form action="#" method="post">
         <fieldset>
           <label for="name">Name:</label>
@@ -136,7 +136,7 @@ <h2>Form</h2>
         </fieldset>
       </form>
 
-      <h2>Theme Switcher</h2>
+      <h2 id="themeswitcher">Theme Switcher</h2>
       <input
         type="radio"
         id="light"