updating to topdoc 0.2 spec

.npmignore

@@ -0,0 +1,2 @@
+demo
+test

Gruntfile.js

@@ -50,15 +50,18 @@ module.exports = function(grunt) {
                 ext: '.min.css'
             }
         },
-
-        copy: {
-            release: {
-                files: [{
-                    expand: true,
-                    flatten: true,
-                    src: 'node_modules/topcoat-theme/font/**/*',
-                    dest: 'font'
-                }]
+        topdoc: {
+            usageguides: {
+                options: {
+                    source: 'css',
+                    destination: "demo",
+                    template: "node_modules/topdoc-theme/",
+                    templateData: {
+                      "title": "Topcoat",
+                      "subtitle": "CSS for clean and fast web apps",
+                      "homeURL": "http://topcoat.io"
+                    }
+                }
             }
         },
 
@@ -95,12 +98,12 @@ module.exports = function(grunt) {
     grunt.loadNpmTasks('grunt-simple-mocha');
     grunt.loadNpmTasks('grunt-contrib-clean');
     grunt.loadNpmTasks('grunt-contrib-cssmin');
-    grunt.loadNpmTasks('grunt-contrib-copy');
+    grunt.loadNpmTasks('grunt-topdoc');
 
     // Default task.
     grunt.registerTask('default', ['clean', 'build', 'test', 'release']);
     grunt.registerTask('build', ['stylus', 'jade']);
     grunt.registerTask('test', ['simplemocha']);
-    grunt.registerTask('release', ['cssmin', 'copy']);
+    grunt.registerTask('release', ['cssmin', 'topdoc']);
 
 };

css/topcoat-navigation-bar.css

@@ -65,15 +65,21 @@ body {
 * limitations under the License.
 *
 */
-/*
-Navigation Bar
---------------
-
+/* topdoc
+  name: Navigation Bar
+  description: A place where navigation goes to drink
+  markup:
     <div class="topcoat-navigation-bar">
         <div class="topcoat-navigation-bar__item center full">
             <h1 class="topcoat-navigation-bar__title">Header</h1>
         </div>
     </div>
+  tags:
+    - desktop
+    - light
+    - mobile
+    - navigation
+    - bar
 */
 .topcoat-navigation-bar {
   box-sizing: border-box;

demo/css/brackets.css

@@ -0,0 +1,69 @@
+/**
+ * Brackets theme
+ *
+ * @author Garth Braithwaite
+ * @version 0.0.1
+ */
+pre {
+    word-wrap: break-word;
+    padding: 6px 10px;
+    line-height: 19px;
+    margin-bottom: 20px;
+}
+
+pre, code {
+    font-family: source-code-pro, 'Source Code Pro', Courier, monospace;
+    color: #535353;
+}
+
+pre, pre code {
+    font-size: 13px;
+}
+
+pre .comment {
+    color: #A2A2A2;
+}
+
+pre .support {
+    color: #0086B3;
+}
+
+pre .tag, pre .tag-name {
+    color: #446FBD;
+}
+
+pre .css-property {
+    color: #8757AD;
+}
+
+pre .css-value, pre .support.namespace {
+    color: #F18900;
+}
+pre .vendor-prefix {
+    color: #535353;
+}
+pre .constant.numeric, pre .keyword.unit {
+    color: #738D00;
+}
+pre .hex-color {
+    color: #F18900;
+}
+pre .entity.class {
+    color: #5585C4;
+}
+
+pre .entity.id, pre .entity.function {
+    color: #900;
+}
+
+pre .attribute, pre .variable {
+    color: #738D00;
+}
+
+pre .string, pre .support.value  {
+    color: #8757AD;
+}
+
+pre .regexp {
+    color: #535353;
+}