Add compiled bits

.gitignore

@@ -10,7 +10,6 @@ npm-debug.log
 # Fabric files
 *.sublime-workspace
 docs.css
-dist
 
 # Docs files
 docs/app

dist/components/Breadcrumb/Breadcrumb.css

@@ -0,0 +1,48 @@
+/* Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. */
+/**
+ * Fabric 1.1.0
+ * The front-end framework for building experiences for Office 365.
+ **/
+.ms-Breadcrumb {
+  height: 40px;
+}
+
+.ms-Breadcrumb .ms-Breadcrumb-currentLarge {
+  display: none;
+}
+
+.ms-Breadcrumb .ms-Breadcrumb-parent,
+.ms-Breadcrumb .ms-Breadcrumb-current {
+  font-size: 14px;
+  font-family: 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe WP Semilight', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
+  line-height: 50px;
+  color: #666666;
+}
+
+.ms-Breadcrumb .ms-Breadcrumb-parent {
+  color: #333333;
+  text-decoration: none;
+}
+
+.ms-Breadcrumb .ms-Breadcrumb-parent:hover {
+  color: #000000;
+}
+
+.ms-Breadcrumb .ms-Breadcrumb-parent:active {
+  color: #0078d7;
+}
+
+.ms-Breadcrumb .ms-Breadcrumb-chevron {
+  padding: 0 7px 0 5px;
+}
+
+@media (min-width: 640px) {
+  .ms-Breadcrumb .ms-Breadcrumb-currentLarge {
+    display: inline;
+    font-family: 'Segoe UI Regular WestEuropean', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
+    font-size: 21px;
+    color: #0078d7;
+    line-height: 42px;
+    margin-right: 20px;
+  }
+}

dist/components/Breadcrumb/Breadcrumb.html

@@ -0,0 +1,7 @@
+<!-- Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. -->
+
+<div class="ms-Breadcrumb">
+  <span class="ms-Breadcrumb-currentLarge">Working files</span>
+  <a href="#" class="ms-Breadcrumb-parent">OneDrive @ Contoso</a>
+  <span class="ms-Breadcrumb-current">Working files</span>
+</div> 

dist/components/Breadcrumb/Breadcrumb.json

@@ -0,0 +1,6 @@
+{
+  "name": "Breadcrumb",
+  "notes": "Shows the user's current location in a hierarchy and provides a means of navigating upward.",
+  "template": "Breadcrumb.html",
+  "class": "ms-Breadcrumb"
+}

dist/components/Breadcrumb/Breadcrumb.less

@@ -0,0 +1,51 @@
+// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
+
+//
+// Office UI Fabric
+// --------------------------------------------------
+// Breadcrumb styles
+
+
+.ms-Breadcrumb {
+  height: 40px;
+
+  .ms-Breadcrumb-currentLarge {
+    display: none;
+  }
+  .ms-Breadcrumb-parent, .ms-Breadcrumb-current {
+    font-size: @ms-font-size-m;
+    font-family: @ms-font-family-semilight;
+    line-height: 50px;
+    color: @ms-color-neutralSecondary;
+  }
+  .ms-Breadcrumb-parent {
+    color: @ms-color-neutralPrimary;
+    text-decoration: none;
+
+    &:hover {
+      color: @ms-color-black;
+    }
+
+    &:active {
+      color: @ms-color-themePrimary;
+    }
+  }
+
+  // Right-pointing chevron
+  // TODO: Localization, point arrow to left.
+  .ms-Breadcrumb-chevron {
+    padding: 0 7px 0 5px;
+  }
+
+  // Only show the big title on large and extra large displays.
+  @media (min-width: @ms-screen-lg-min) {
+    .ms-Breadcrumb-currentLarge {
+      display: inline;
+      font-family: @ms-font-family-regular;
+      font-size: @ms-font-size-xl;
+      color: @ms-color-themePrimary;
+      line-height: 42px;
+      margin-right: 20px;
+    }
+  }
+}

dist/components/Button/Button.Command.html

@@ -0,0 +1,7 @@
+<!-- Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. -->
+
+<button class="ms-Button ms-Button--command">
+  <span class="ms-Button-icon"><i class="ms-Icon ms-Icon--plus"></i></span>
+  <span class="ms-Button-label">Create account</span>
+  <span class="ms-Button-description">Description of the action this button takes</span>
+</button>

dist/components/Button/Button.Compound.html

@@ -0,0 +1,7 @@
+<!-- Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. -->
+
+<button class="ms-Button ms-Button--compound">
+  <span class="ms-Button-icon"><i class="ms-Icon ms-Icon--plus"></i></span>
+  <span class="ms-Button-label">Create account</span>
+  <span class="ms-Button-description">Description of the action this button takes</span>
+</button>

dist/components/Button/Button.Hero.html

@@ -0,0 +1,7 @@
+<!-- Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. -->
+
+<button class="ms-Button ms-Button--hero">
+  <span class="ms-Button-icon"><i class="ms-Icon ms-Icon--plus"></i></span>
+  <span class="ms-Button-label">Create account</span>
+  <span class="ms-Button-description">Description of the action this button takes</span>
+</button>

dist/components/Button/Button.Primary.html

@@ -0,0 +1,7 @@
+<!-- Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. -->
+
+<button class="ms-Button ms-Button--primary">
+  <span class="ms-Button-icon"><i class="ms-Icon ms-Icon--plus"></i></span>
+  <span class="ms-Button-label">Create account</span>
+  <span class="ms-Button-description">Description of the action this button takes</span>
+</button>