WIP - add extractor, generate snippet_data

node_modules/tinycolor2/demo/demo.css

@@ -0,0 +1,23 @@
+
+html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
+body { font-size: 15px; line-height: 1.231; margin: 4px; background-color: #FCFFFD; }
+body, button, input, select, textarea { font-family: Droid Sans, Verdana, sans-serif; color: #222; }
+a {  color: #33f;  }
+table th { width: 200px; text-align: right; padding-right:10px; font-family: Georgia serif;}
+#container { width: 90%; margin:0 auto; }
+#code-output { border: solid 5px #333; margin:15px; border-top-width: 40px;  } 
+#color { width: 200px; height: 2em;}
+#inputter a { padding:3px; }
+.invisible { visibility: hidden; } 
+h1 { font-size: 3.8em; color: #293c11; font-family:Tahoma; margin: 3px 0; padding:0; }
+h1 .small { font-size: 0.4em; }
+h1 a { text-decoration: none }
+h2 { font-size: 1.5em; color: #293c11; margin: 0;margin-left: 10px; }
+h3 { color: #293c11; }
+.description { font-size: 1.2em; margin-bottom: 30px; margin-top: 30px; font-style: italic;}
+.download { float: right; }
+pre { background: #000; color: #fff; padding: 15px;}
+hr { border: 0; width: 80%; border-bottom: 1px solid #aaa}
+.footer { text-align:center; padding-top:30px; font-style: italic; }
+
+#filter-output div, #combine-output span { width: 40px; height: 40px; display:inline-block; margin: 10px; }