First iteration of demo page

thoughtbot · Jun 30, 2011 · e0320df · e0320df
1 parent 19e2288
commit e0320df
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 81 deletions.
diff --git a/app/assets/_inline-block.scss b/app/assets/_inline-block.scss
@@ -1,4 +1,4 @@
-/* Legacy support for inline-block in IE7 (maybe IE6) */
+// Legacy support for inline-block in IE7 (maybe IE6)
 @mixin inline-block {
   display: -moz-inline-box;
   -moz-box-orient: vertical;

diff --git a/demo/index.html b/demo/index.html
@@ -4,8 +4,47 @@
     <meta charset="utf-8" />
     <meta name="description" content="" />
     <title>untitled</title>
+    <link rel="stylesheet" href="stylesheets/mixins.css" type="text/css">
+    <link rel="stylesheet" href="stylesheets/demo.css" type="text/css">
+
   </head>
 
+  <section id="buttons">
+    <h2>Demo: button mixin</h2>
+
+    <section class="button-set simple">
+      <p>Simple</p>
+
+      <section>
+        <button class="default">This is my example button</button>
+      </section>
+
+      <section>
+        <button class="color-2">This is my example button</button>
+      </section>
+
+      <section>
+        <button class="color-3">This is my example button</button>
+      </section>
+    </section>
+
+    <section class="button-set shiny">
+      <p>Shiny</p>
+
+      <section>
+        <button class="default">This is my example button</button>
+      </section>
+
+      <section>
+        <button class="color-2">This is my example button</button>
+      </section>
+
+      <section>
+        <button class="color-3">This is my example button</button>
+      </section>
+    </section>
+  </section>
+
   <body>
 
   </body>

diff --git a/demo/stylesheets/mixins.css b/demo/stylesheets/mixins.css