very early checkin of template for user-docs, only a few pages filled out

20 files changed, 2744 insertions, 0 deletions

diff --git a/mkdocs-material/src/assets/stylesheets/modules/_article.scss b/mkdocs-material/src/assets/stylesheets/modules/_article.scss
new file mode 100644
index 00000000..0529e777
--- /dev/null
+++ b/mkdocs-material/src/assets/stylesheets/modules/_article.scss
@@ -0,0 +1,26 @@
+/*
+ * Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to
+ * deal in the Software without restriction, including without limitation the
+ * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ * sell copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+@import "article/animation";
+@import "article/appearance";
+@import "article/layout";
+@import "article/typography";
\ No newline at end of file
diff --git a/mkdocs-material/src/assets/stylesheets/modules/_base.scss b/mkdocs-material/src/assets/stylesheets/modules/_base.scss
new file mode 100644
index 00000000..140d308f
--- /dev/null
+++ b/mkdocs-material/src/assets/stylesheets/modules/_base.scss
@@ -0,0 +1,26 @@
+/*
+ * Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to
+ * deal in the Software without restriction, including without limitation the
+ * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ * sell copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+@import "base/animation";
+@import "base/appearance";
+@import "base/layout";
+@import "base/typography";
\ No newline at end of file
diff --git a/mkdocs-material/src/assets/stylesheets/modules/_drawer.scss b/mkdocs-material/src/assets/stylesheets/modules/_drawer.scss
new file mode 100644
index 00000000..afefecff
--- /dev/null
+++ b/mkdocs-material/src/assets/stylesheets/modules/_drawer.scss
@@ -0,0 +1,26 @@
+/*
+ * Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to
+ * deal in the Software without restriction, including without limitation the
+ * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ * sell copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+@import "drawer/animation";
+@import "drawer/appearance";
+@import "drawer/layout";
+@import "drawer/typography";
\ No newline at end of file
diff --git a/mkdocs-material/src/assets/stylesheets/modules/_search.scss b/mkdocs-material/src/assets/stylesheets/modules/_search.scss
new file mode 100644
index 00000000..77914e3b
--- /dev/null
+++ b/mkdocs-material/src/assets/stylesheets/modules/_search.scss
@@ -0,0 +1,26 @@
+/*
+ * Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to
+ * deal in the Software without restriction, including without limitation the
+ * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ * sell copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+@import "search/animation";
+@import "search/appearance";
+@import "search/layout";
+@import "search/typography";
\ No newline at end of file
diff --git a/mkdocs-material/src/assets/stylesheets/modules/article/_animation.scss b/mkdocs-material/src/assets/stylesheets/modules/article/_animation.scss
new file mode 100644
index 00000000..4a3cfb10
--- /dev/null
+++ b/mkdocs-material/src/assets/stylesheets/modules/article/_animation.scss
@@ -0,0 +1,45 @@
+/*
+ * Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to
+ * deal in the Software without restriction, including without limitation the
+ * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ * sell copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+/* ----------------------------------------------------------------------------
+ * Article animation
+ * ------------------------------------------------------------------------- */
+
+/*
+ * Fade color after highlighting
+ */
+pre span {
+  transition: color .25s;
+}
+
+/*
+ * Copyright and theme information
+ */
+.copyright {
+
+  /*
+   * Animate color on hover
+   */
+  a {
+    transition: color .25s;
+  }
+}
\ No newline at end of file
diff --git a/mkdocs-material/src/assets/stylesheets/modules/article/_appearance.scss b/mkdocs-material/src/assets/stylesheets/modules/article/_appearance.scss
new file mode 100644
index 00000000..f02f84e4
--- /dev/null
+++ b/mkdocs-material/src/assets/stylesheets/modules/article/_appearance.scss
@@ -0,0 +1,203 @@
+/*
+ * Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to
+ * deal in the Software without restriction, including without limitation the
+ * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ * sell copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+/* ----------------------------------------------------------------------------
+ * Article appearance
+ * ------------------------------------------------------------------------- */
+
+/*
+ * Article
+ */
+.article {
+
+  /*
+   * Differing top and bottom rubberband backgrounds in iOS web application
+   */
+  .ios.standalone & {
+    background: linear-gradient(
+      to bottom, $white 50%, $primary 50%);
+
+    /* Hack [iOS]: Mitigate black bounding box with linear gradient */
+    .wrapper {
+      background: linear-gradient(
+        to bottom, $white 50%, $white 50%);
+    }
+  }
+
+  /*
+   * Headlines, chapters, links and inline code
+   */
+  h1, h2, a {
+    color: $primary;
+  }
+
+  /*
+   * Inline code
+   */
+  code {
+    background: #eee;
+  }
+
+  /*
+   * Keyboard tags
+   */
+  kbd {
+    color: #555;
+    background-color: #fcfcfc;
+    border: solid 1px #ccc;
+    border-bottom-color: #bbb;
+    border-radius: 3px;
+    box-shadow: inset 0 -1px 0 #bbb;
+  }
+
+  /*
+   * Lower border for main headline
+   */
+  h1 {
+    border-bottom: 1px solid $black-lightest;
+  }
+
+  /*
+   * Underline links
+   */
+  a {
+    border-bottom: 1px dotted;
+  }
+
+  /*
+   * Hovered and focused links
+   */
+  a:hover, a:focus {
+    color: $accent;
+  }
+
+  /*
+   * Light permalinks
+   */
+  .headerlink {
+    color: $black-lighter;
+    border: none;
+  }
+
+  /*
+   * Data tables
+   */
+  table {
+    @include drop-shadow(1);
+
+    border-radius: 3px;
+
+    /*
+     * Table heading
+     */
+    th {
+      background: mix($primary, $white, 75%);
+      color: $white;
+    }
+
+    /*
+     * Table cell
+     */
+    td {
+      border-top: 1px solid rgba($black, 0.05);
+    }
+  }
+
+  /*
+   * Blockquote styles
+   */
+  blockquote {
+    border-left: 2px solid $black-light;
+    color: $black-light;
+  }
+}
+
+/*
+ * Article footer
+ */
+.footer {
+  background: $primary;
+  color: $white;
+
+  /*
+   * Remove bottom border on links
+   */
+  a {
+    border: none;
+  }
+}
+
+/*
+ * Copyright and theme information
+ */
+.copyright {
+  color: $black-light;
+}
+
+/*
+ * Pagination
+ */
+.pagination {
+
+  /*
+   * Inherit color for links
+   */
+  a .title, a .button {
+    color: $white;
+  }
+
+  /*
+   * Smaller font size for direction
+   */
+  .direction {
+    color: $white-light;
+  }
+}
+
+/*
+ * Admonition support
+ */
+.admonition {
+  background: $light-blue-400;
+  color: $white;
+
+  /*
+   * Embedded code blocks
+   */
+  pre {
+    background: $white-lighter;
+  }
+
+  /*
+   * A warning hint
+   */
+  &.warning {
+    background: $red-400;
+  }
+
+  /*
+   * Headlines, chapters, links and inline code
+   */
+  a, a:hover {
+    color: $white;
+  }
+}
\ No newline at end of file
diff --git a/mkdocs-material/src/assets/stylesheets/modules/article/_layout.scss b/mkdocs-material/src/assets/stylesheets/modules/article/_layout.scss
new file mode 100644
index 00000000..c5605160
--- /dev/null
+++ b/mkdocs-material/src/assets/stylesheets/modules/article/_layout.scss
@@ -0,0 +1,585 @@
+/*
+ * Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to
+ * deal in the Software without restriction, including without limitation the
+ * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ * sell copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+/* ----------------------------------------------------------------------------
+ * Article layout
+ * ------------------------------------------------------------------------- */
+
+/*
+ * Article
+ */
+.article {
+  font-size: 14px;
+  line-height: 1.7em;
+
+  /* [tablet landscape+]: Indent to account for drawer */
+  @include break-from-device(tablet landscape) {
+    margin-left: 262px;
+  }
+
+  /*
+   * Clearfix
+   */
+  &:after {
+    content: " ";
+    display: block;
+    clear: both;
+  }
+
+  /*
+   * Article wrapper
+   */
+  .wrapper {
+    padding: 116px 16px 92px;
+
+    /* [tablet portait+]: Increase top spacing */
+    @include break-from-device(tablet portrait) {
+      padding: 128px 24px 96px;
+    }
+  }
+
+  /*
+   * Enable overflow scrolling in iOS web application
+   */
+  .ios.standalone & {
+    @include position(absolute, 56px 0 0 0);
+
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+
+    /* [orientation: portrait]: Account for status bar in portrait mode */
+    @include break-at-orientation(portrait) {
+      @include position(absolute, (56px + 20px) 0 0 0);
+    }
+
+    /*
+     * Article wrapper
+     */
+    .wrapper {
+      position: relative;
+      min-height: 100%;
+      padding-top: 60px;
+      margin-bottom: 2px;
+    }
+  }
+
+  /*
+   * Article headline
+   */
+  h1 {
+    font-size: 24px;
+    line-height: 1.333334em;
+    padding: 20px 0 42px;
+  }
+
+  /*
+   * Article chapters
+   */
+  h2 {
+    font-size: 20px;
+    line-height: 1.4em;
+    padding-top: (36px + 56px);
+    margin-top: (0px - 56px);
+
+    /*
+     * No offset correction in iOS web application
+     */
+    .ios.standalone & {
+      padding-top: 36px;
+      margin: 0;
+    }
+  }
+
+  /*
+   * Sub headlines
+   */
+  h3, h4 {
+    font-size: 14px;
+    padding-top: (20px + 56px);
+    margin-top: (0 - 56px);
+
+    /*
+     * No offset correction in iOS web application
+     */
+    .ios.standalone & {
+      padding-top: 20px;
+      margin-top: 0;
+    }
+  }
+
+  /*
+   * Align permalinks on the right
+   */
+  .headerlink {
+    float: right;
+    margin-left: 20px;
+    font-size: 14px;
+
+    /*
+     * Hide permalink to main headline
+     */
+    h1 & {
+      display: none;
+    }
+  }
+
+  /*
+   * Paragraphs and section titles
+   */
+  p, ul, ol {
+    margin-top: 1.5em;
+  }
+
+  /*
+   * Smaler top spacing for nested lists
+   */
+  li ul, li ol {
+    margin-top: 0.75em;
+  }
+
+  /*
+   * List elements
+   */
+  li {
+    margin-top: 0.75em;
+    margin-left: 18px;
+
+    /*
+     * Inline paragraphs in list elements
+     */
+    p {
+      display: inline;
+    }
+  }
+
+  /*
+   * Add icon for elements of an unordered list
+   */
+  ul > li:before {
+    content: "\e602";
+    display: block;
+    float: left;
+    font-family: 'Icon';
+    font-size: 16px;
+    width: 1.2em;
+    margin-left: -1.2em;
+    vertical-align: -0.1em;
+  }
+
+  /*
+   * Inline code snippets must not wrap
+   */
+  p > code {
+    white-space: nowrap;
+    padding: 2px 4px;
+  }
+
+  /*
+   * Keyboard tags
+   */
+  kbd {
+    display: inline-block;
+    padding: 3px 5px;
+    line-height: 10px;
+  }
+
+  /*
+   * Add spacing at top of separator
+   */
+  hr {
+    margin-top: 1.5em;
+  }
+
+  /*
+   * Limit images to article container
+   */
+  img {
+    max-width: 100%;
+  }
+
+  /*
+   * Code listing container
+   */
+  pre {
+    padding: 16px;
+    margin: 1.5em -16px 0;
+    line-height: 1.5em;
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  /*
+   * Data tables
+   */
+  table {
+    margin: 3.0em 0 1.5em;
+    font-size: 13px;
+    overflow: hidden;
+
+    /*
+     * The semi-cool solution, in case javascript is not available
+     */
+    .no-js & {
+      display: inline-block;
+      max-width: 100%;
+      overflow: auto;
+      -webkit-overflow-scrolling: touch;
+    }
+
+    /*
+     * Table heading
+     */
+    th {
+      min-width: 100px;
+      padding: 12px 16px;
+      font-size: 12px;
+      text-align: left;
+      vertical-align: top;
+    }
+
+    /*
+     * Table cell
+     */
+    td {
+      padding: 12px 16px;
+      vertical-align: top;
+    }
+  }
+
+  /*
+   * Blockquote styles
+   */
+  blockquote {
+    padding-left: 16px;
+  }
+
+  /*
+   * Data table wrapper, in case javascript is available
+   */
+  .data {
+    margin: 1.5em -16px;
+    padding: 1.5em 0;
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+    text-align: center;
+
+    /*
+     * Data table
+     */
+    table {
+      display: inline-block;
+      margin: 0 16px;
+      text-align: left;
+    }
+
+    /* [tablet portait+]: Increase spacing */
+    @include break-from-device(tablet portrait) {
+      margin: 1.5em -24px;
+
+      /*
+       * Data table
+       */
+      table {
+        margin: 0 24px;
+      }
+    }
+  }
+
+  /* [tablet portait+]: Increase spacing */
+  @include break-from-device(tablet portrait) {
+
+    /*
+     * Account for larged header bar and anchors
+     */
+    h2 {
+      padding-top: (28px + 72px);
+      margin-top: (8px - 72px);
+
+      /*
+       * No offset correction in iOS web application
+       */
+      .ios.standalone & {
+        padding-top: 28px;
+        margin-top: 8px;
+      }
+    }
+
+    /*
+     * Sub headlines
+     */
+    h3, h4 {
+      padding-top: (20px + 64px);
+      margin-top: (0 - 64px);
+
+      /*
+       * No offset correction in iOS web application
+       */
+      .ios.standalone & {
+        padding-top: 20px;
+        margin-top: 0;
+      }
+    }
+
+    /*
+     * Increase spacing for code blocks
+     */
+    pre {
+      padding: 1.5em 24px;
+      margin: 1.5em -24px 0;
+    }
+  }
+}
+
+/*
+ * Article footer
+ */
+.footer {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 0 4px;
+
+  /* [tablet portait+]: Larger spacing */
+  @include break-from-device(tablet portrait) {
+    padding: 0 8px;
+  }
+
+  /* [tablet landscape+]: Stretch footer to viewport */
+  @include break-from-device(tablet landscape) {
+    z-index: 5;
+  }
+}
+
+/*
+ * Copyright and theme information
+ */
+.copyright {
+  margin: 1.5em 0;
+
+  /* [tablet landscape+]: Add bottom spacing */
+  @include break-from-device(tablet landscape) {
+    margin-bottom: 64px;
+  }
+}
+
+/*
+ * Pagination
+ */
+.pagination {
+  max-width: 1184px;
+  height: 92px;
+  padding: 4px 0;
+  margin-left: auto;
+  margin-right: auto;
+  overflow: hidden;
+
+  /* [tablet portait+]: Larger pagination and spacing */
+  @include break-from-device(tablet portrait) {
+    height: 96px;
+    padding: 8px 0;
+  }
+
+  /*
+   * Links should span icons entirely
+   */
+  a {
+    display: block;
+    height: 100%;
+  }
+
+  /*
+   * Previous and next page
+   */
+  .previous,
+  .next {
+    position: relative;
+    float: left;
+    height: 100%;
+  }
+
+  /*
+   * Previous page
+   */
+  .previous {
+    width: 25%;
+
+    /*
+     * Hide direction
+     */
+    .direction {
+      display: none;
+    }
+
+    /*
+     * Hide title
+     */
+    .stretch {
+      display: none;
+    }
+  }
+
+  /*
+   * Next page
+   */
+  .next {
+    width: 75%;
+    text-align: right;
+  }
+
+  /*
+   * Link to page
+   */
+  .page {
+    display: table;
+    position: absolute;
+    bottom: 4px;
+  }
+
+  /*
+   * Put direction over page title
+   */
+  .direction {
+    display: block;
+    position: absolute;
+    bottom: 40px;
+    width: 100%;
+    font-size: 15px;
+    line-height: 20px;
+    padding: 0 52px;
+  }
+
+  /*
+   * Decrease indent for stretching content
+   */
+  .stretch {
+    padding: 0 4px;
+
+    /*
+     * Correct vertical spacing
+     */
+    .title {
+      font-size: 18px;
+      padding: 11px 0 13px;
+    }
+  }
+
+  /* [mobile landscape+]: Proportional width for pagination */
+  @include break-from-device(mobile landscape) {
+
+    /*
+     * Previous and next page
+     */
+    .previous,
+    .next {
+      width: 50%;
+    }
+
+    /*
+     * Previous page
+     */
+    .previous {
+      width: 50%;
+
+      /*
+       * Show direction
+       */
+      .direction {
+        display: block;
+      }
+
+      /*
+       * Show title
+       */
+      .stretch {
+        display: table;
+      }
+    }
+  }
+
+  /* [tablet portrait+]: Increase vertical spacing */
+  @include break-from-device(tablet portrait) {
+
+    /*
+     * Increase vertical spacing
+     */
+    .direction {
+      padding: 0 56px;
+      bottom: 40px;
+    }
+
+    /*
+     * Increase vertical spacing
+     */
+    .stretch {
+      padding: 0 8px;
+    }
+  }
+}
+
+/*
+ * Admonition support
+ */
+.admonition {
+  margin: 20px -16px 0;
+  padding: 20px 16px;
+
+  /*
+   * Remove redundant margin of first child
+   */
+  > :first-child {
+    margin-top: 0;
+  }
+
+  /* [tablet portait+]: Increase horizontal spacing */
+  @include break-from-device(tablet portrait) {
+    margin: 20px -24px 0;
+    padding: 20px 24px;
+  }
+
+  /*
+   * Admonition title, if given
+   */
+  .admonition-title {
+    font-size: 20px;
+
+    /*
+     * Default icon
+     */
+    &:before {
+      content: "\e611";
+      display: block;
+      float: left;
+      font-family: 'Icon';
+      font-size: 24px;
+      vertical-align: -0.1em;
+      margin-right: 5px;
+    }
+  }
+
+  /*
+   * Warning icon
+   */
+  &.warning .admonition-title:before {
+    content: "\e610";
+  }
+}
\ No newline at end of file
diff --git a/mkdocs-material/src/assets/stylesheets/modules/article/_typography.scss b/mkdocs-material/src/assets/stylesheets/modules/article/_typography.scss
new file mode 100644
index 00000000..c657a7a2
--- /dev/null
+++ b/mkdocs-material/src/assets/stylesheets/modules/article/_typography.scss
@@ -0,0 +1,58 @@
+/*
+ * Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to
+ * deal in the Software without restriction, including without limitation the
+ * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ * sell copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+/* ----------------------------------------------------------------------------
+ * Article typography
+ * ------------------------------------------------------------------------- */
+
+/*
+ * Article
+ */
+.article {
+
+  /*
+   * Third-level headlines should be bold
+   */
+  h3 {
+    font-weight: 700;
+  }
+
+  /*
+   * Fourth-level headlines should be italic
+   */
+  h4 {
+    font-weight: 400;
+    font-style: italic;
+  }
+}
+
+/*
+ * Permalink support
+ */
+.article {
+  h2, h3, h4, h5, h6 {
+    a {
+      font-weight: 400;
+      font-style: normal;
+    }
+  }
+}
\ No newline at end of file
diff --git a/mkdocs-material/src/assets/stylesheets/modules/base/_animation.scss b/mkdocs-material/src/assets/stylesheets/modules/base/_animation.scss
new file mode 100644
index 00000000..720621f6
--- /dev/null
+++ b/mkdocs-material/src/assets/stylesheets/modules/base/_animation.scss
@@ -0,0 +1,73 @@
+/*
+ * Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to
+ * deal in the Software without restriction, including without limitation the
+ * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ * sell copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+/* ----------------------------------------------------------------------------
+ * Base animation
+ * ------------------------------------------------------------------------- */
+
+/*
+ * Animate color on hover
+ */
+a {
+  transition: color .25s;
+}
+
+/*
+ * Overlay
+ */
+.overlay {
+  transition: opacity .25s,
+              width   .0s .25s,
+              height  .0s .25s;
+
+  /*
+   * Expanded drawer
+   */
+  #toggle-drawer:checked ~ &,
+  .toggle-drawer & {
+    transition: opacity .25s,
+                width   .0s,
+                height  .0s;
+  }
+}
+
+/*
+ * Application header - check for javascript to omit flashing
+ */
+.js .header {
+  transition: background .6s,
+              color      .6s;
+
+  /*
+   * Status bar
+   */
+  &:before {
+    transition: background .6s;
+  }
+}
+
+/*
+ * Extended visible touch area on icon
+ */
+.button .icon {
+  transition: background .25s;
+}
\ No newline at end of file
diff --git a/mkdocs-material/src/assets/stylesheets/modules/base/_appearance.scss b/mkdocs-material/src/assets/stylesheets/modules/base/_appearance.scss
new file mode 100644
index 00000000..5f0870c1
--- /dev/null
+++ b/mkdocs-material/src/assets/stylesheets/modules/base/_appearance.scss
@@ -0,0 +1,138 @@
+/*
+ * Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to
+ * deal in the Software without restriction, including without limitation the
+ * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ * sell copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+/* ----------------------------------------------------------------------------
+ * Base appearance
+ * ------------------------------------------------------------------------- */
+
+/*
+ * Device specific background hacks related to rubberband
+ */
+body {
+  color: $black;
+
+  /* Hack [Chrome, Opera]: Set background color in Chrome and Opera */
+  @supports (-webkit-appearance: none) {
+    background: $primary;
+  }
+
+  /*
+   * Don't tint menu bar on iOS
+   */
+  .ios & {
+    background: $white;
+  }
+}
+
+/*
+ * Horizontal separators
+ */
+hr {
+  border: 0;
+  border-top: 1px solid $black-lightest;
+}
+
+/*
+ * Toggle button
+ */
+.toggle-button {
+  cursor: pointer;
+  color: inherit;
+}
+
+/*
+ * Backdrop
+ */
+.backdrop {
+  background: $white;
+
+  /* [tablet landscape+]: Introduce paper with shadow */
+  @include break-from-device(tablet landscape) {
+    background: darken($white, 5%);
+  }
+}
+
+/*
+ * Backdrop paper with shadow
+ */
+.backdrop-paper:after {
+  background: $white;
+
+  /* [tablet landscape+]: Add drop shadow */
+  @include break-from-device(tablet landscape) {
+    @include drop-shadow(1);
+  }
+}
+
+/*
+ * Overlay
+ */
+.overlay {
+  background: $black-light;
+  opacity: 0;
+
+  /*
+   * Expanded drawer
+   */
+  #toggle-drawer:checked ~ &,
+  .toggle-drawer & {
+    opacity: 1;
+  }
+}
+
+/*
+ * Application header
+ */
+.header {
+  @include drop-shadow(1);
+
+  background: $primary;
+  color: $white;
+
+  /*
+   * Add status bar overlay for iOS web application
+   */
+  .ios.standalone &:before {
+    background: $black-lightest;
+  }
+}
+
+/*
+ * Navigation path within header bar
+ */
+.bar .path {
+  color: $white-light;
+}
+
+/*
+ * Draw round area around icon on touch
+ */
+.button .icon {
+  border-radius: 100%;
+}
+
+/*
+ * Pushed/clicked icon
+ */
+.button .icon:active {
+  background: $white-lightest;
+}
\ No newline at end of file
diff --git a/mkdocs-material/src/assets/stylesheets/modules/base/_layout.scss b/mkdocs-material/src/assets/stylesheets/modules/base/_layout.scss
new file mode 100644
index 00000000..2a456915
--- /dev/null
+++ b/mkdocs-material/src/assets/stylesheets/modules/base/_layout.scss
@@ -0,0 +1,363 @@
+/*
+ * Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to
+ * deal in the Software without restriction, including without limitation the
+ * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ * sell copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+/* ----------------------------------------------------------------------------
+ * Base layout
+ * ------------------------------------------------------------------------- */
+
+/*
+ * Stretch container to viewport
+ */
+html {
+  height: 100%;
+}
+
+/*
+ * Stretch body to container and leave room for sticky footer.
+ */
+body {
+  position: relative;
+  min-height: 100%;
+}
+
+/*
+ * Horizontal separators
+ */
+hr {
+  display: block;
+  height: 1px;
+  padding: 0;
+  margin: 0;
+}
+
+/*
+ * Lock body (e.g. in search mode)
+ */
+.locked {
+  height: 100%;
+  overflow: hidden;
+}
+
+/*
+ * Scrollable container
+ */
+.scrollable {
+  @include position(absolute, 0 0 0 0);
+
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+
+  /*
+   * Content wrapper
+   */
+  .wrapper {
+    height: 100%;
+
+    /* Hack [iOS]: Force overflow scrolling */
+    .ios & {
+      margin-bottom: 2px;
+    }
+  }
+}
+
+/*
+ * Toggle states and button
+ */
+.toggle {
+  display: none;
+
+  /*
+   * Toggle button
+   */
+  &-button {
+    display: block;
+  }
+}
+
+/*
+ * Backdrop
+ */
+.backdrop {
+  @include position(absolute, 0 0 0 0);
+
+  z-index: -1;
+}
+
+/*
+ * Backdrop paper container
+ */
+.backdrop-paper {
+  max-width: 1200px;
+  height: 100%;
+  margin-left: auto;
+  margin-right: auto;
+
+  /*
+   * Actual paper
+   */
+  &:after {
+    content: " ";
+    display: block;
+    height: 100%;
+    margin-left: 262px;
+  }
+}
+
+/*
+ * Overlay
+ */
+.overlay {
+  position: fixed;
+  top: 0;
+  width: 0;
+  height: 0;
+  z-index: 4;
+
+  /* [tablet landscape-]: Trigger overlay */
+  @include break-to-device(tablet landscape) {
+
+    /*
+     * Expanded drawer
+     */
+    #toggle-drawer:checked ~ &,
+    .toggle-drawer & {
+      width: 100%;
+      height: 100%;
+    }
+  }
+}
+
+/*
+ * Application header stays always on top
+ */
+.header {
+  @include user-select(none);
+
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 3;
+  height: 56px;
+  padding: 4px;
+  overflow: hidden;
+
+  /* [tablet portait+]: Larger header bar */
+  @include break-from-device(tablet portrait) {
+    height: 64px;
+    padding: 8px;
+  }
+
+  /* [screen+]: Stretch to screen */
+  @include break-from-device(screen) {
+    width: 100%;
+  }
+
+  /*
+   * Absolute positioning in iOS web application
+   */
+  .ios.standalone & {
+    position: absolute;
+
+    /* [orientation: portrait]: Account for status bar in portrait mode */
+    @include break-at-orientation(portrait) {
+      height: (56px + 20px);
+      padding-top: (4px + 20px);
+
+      /* [tablet portait+]: Larger header bar */
+      @include break-from-device(tablet portrait) {
+        height: (64px + 20px);
+        padding-top: (8px + 20px);
+      }
+
+      /*
+       * Add status bar overlay
+       */
+      &:before {
+        content: " ";
+        position: absolute;
+        top: 0;
+        left: 0;
+        z-index: 4;
+        width: 100%;
+        height: 20px;
+      }
+    }
+  }
+}
+
+/*
+ * Header bar
+ */
+.bar {
+  display: table;
+  max-width: 1184px;
+  margin-left: auto;
+  margin-right: auto;
+
+  /*
+   * Links should span icons entirely
+   */
+  a {
+    display: block;
+  }
+
+  /*
+   * Hide search button, in case javascript is not available.
+   */
+  .no-js & .button-search {
+    display: none;
+  }
+
+  /*
+   * Navigation path
+   */
+  .path {
+
+    /*
+     * Correct icon alignment
+     */
+    .icon:before {
+      vertical-align: -1.5px;
+    }
+
+    /* [tablet portait-]: Hide path */
+    @include break-to-device(tablet portrait) {
+      display: none;
+    }
+  }
+}
+
+/*
+ * Buttons
+ */
+.button {
+  display: table-cell;
+  vertical-align: top;
+  width: 1%;
+
+  /*
+   * Remove native spacing on button
+   */
+  button {
+    margin: 0;
+    padding: 0;
+
+    /* Hack [IE]: Remove button offset in active state */
+    &:active:before {
+      position: relative;
+      top: 0;
+      left: 0;
+    }
+  }
+
+  /*
+   * Button icons
+   */
+  .icon {
+    display: inline-block;
+    font-size: 24px;
+    padding: 8px;
+    margin: 4px;
+  }
+}
+
+/*
+ * Hide source and twitter button
+ */
+.button-github,
+.button-twitter {
+
+  /* [mobile landscape-]: Hide button */
+  @include break-to-device(mobile landscape) {
+    display: none;
+  }
+}
+
+/*
+ * Hide menu button
+ */
+.button-menu {
+
+  /* [tablet landscape+]: Hide button */
+  @include break-from-device(tablet landscape) {
+    display: none;
+  }
+}
+
+/*
+ * Stretch content to remaining space
+ */
+.stretch {
+  display: table;
+  table-layout: fixed;
+  width: 100%;
+
+  /*
+   * Set vertical spacing for header
+   */
+  .header & {
+    padding: 0 20px;
+
+    /* [tablet portait]: Increase vertical spacing */
+    @include break-at-device(tablet portrait) {
+      padding: 0 24px;
+    }
+
+    /* [tablet portait+]: Account for missing menu icon */
+    @include break-from-device(tablet portrait) {
+      padding: 0 (24px - 8px) 0 16px;
+    }
+  }
+
+  /*
+   * Title with ellipsis on overflow
+   */
+  .title {
+    display: table-cell;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+
+    /*
+     * Increase header font size
+     */
+    .header & {
+      font-size: 18px;
+      padding: 13px 0;
+
+      /* [tablet portait+]: Slightly larger typography in header */
+      @include break-from-device(tablet portrait) {
+        font-size: 20px;
+        padding: 12px 0;
+      }
+    }
+  }
+}
+
+/*
+ * Main content
+ */
+.main {
+  max-width: 1200px;
+  margin-left: auto;
+  margin-right: auto;
+}
\ No newline at end of file
diff --git a/mkdocs-material/src/assets/stylesheets/modules/base/_typography.scss b/mkdocs-material/src/assets/stylesheets/modules/base/_typography.scss
new file mode 100644
index 00000000..037e46a5
--- /dev/null
+++ b/mkdocs-material/src/assets/stylesheets/modules/base/_typography.scss
@@ -0,0 +1,58 @@
+/*
+ * Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to
+ * deal in the Software without restriction, including without limitation the
+ * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ * sell copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+/* ----------------------------------------------------------------------------
+ * Base typography
+ * ------------------------------------------------------------------------- */
+
+/*
+ * Default font styles
+ */
+body, input {
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-weight: 400;
+
+  /* Enable font-smoothing in Webkit and FF */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  /*
+   * Use system fonts, if browser doesn't support webfonts
+   */
+  .no-fontface & {
+    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  }
+}
+
+/*
+ * Proportional fonts
+ */
+pre, code, kbd {
+  font-family: 'Courier New', 'Courier', monospace;
+
+  /*
+   * Use system fonts, if browser doesn't support webfonts
+   */
+  .no-fontface & {
+    font-family: 'Courier New', 'Courier', monospace;
+  }
+}
\ No newline at end of file
diff --git a/mkdocs-material/src/assets/stylesheets/modules/drawer/_animation.scss b/mkdocs-material/src/assets/stylesheets/modules/drawer/_animation.scss
new file mode 100644
index 00000000..16077f9b
--- /dev/null
+++ b/mkdocs-material/src/assets/stylesheets/modules/drawer/_animation.scss
@@ -0,0 +1,81 @@
+/*
+ * Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to
+ * deal in the Software without restriction, including without limitation the
+ * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ * sell copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+/* ----------------------------------------------------------------------------
+ * Drawer animation
+ * ------------------------------------------------------------------------- */
+
+/*
+ * Drawer container
+ */
+.drawer {
+
+  /* [tablet landscape-]: Hide menu */
+  @include break-to-device(tablet landscape) {
+    transform: translate3d(-262px, 0, 0);
+    transition: transform .25s cubic-bezier(.4, 0, .2, 1);
+
+    /*
+     * Just hide drawer, if browser doesn't support 3D transforms
+     */
+    .no-csstransforms3d & {
+      display: none;
+    }
+  }
+
+  /*
+   * Expanded drawer
+   */
+  #toggle-drawer:checked ~ .main &,
+  .toggle-drawer & {
+    transform: translate3d(0, 0, 0);
+
+    /*
+     * Just show drawer, if browser doesn't support 3D transforms
+     */
+    .no-csstransforms3d & {
+      display: block;
+    }
+  }
+}
+
+/*
+ * No color transition for project link
+ */
+.project {
+  transition: none;
+}
+
+/*
+ * Project logo image
+ */
+.project .logo img {
+  transition: box-shadow .4s;
+}
+
+/*
+ * Repository buttons
+ */
+.repo a {
+  transition: box-shadow .4s,
+              opacity    .4s;
+}
\ No newline at end of file
diff --git a/mkdocs-material/src/assets/stylesheets/modules/drawer/_appearance.scss b/mkdocs-material/src/assets/stylesheets/modules/drawer/_appearance.scss
new file mode 100644
index 00000000..b4f9926a
--- /dev/null
+++ b/mkdocs-material/src/assets/stylesheets/modules/drawer/_appearance.scss
@@ -0,0 +1,143 @@
+/*
+ * Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to
+ * deal in the Software without restriction, including without limitation the
+ * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ * sell copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+/* ----------------------------------------------------------------------------
+ * Drawer appearance
+ * ------------------------------------------------------------------------- */
+
+/*
+ * Drawer container
+ */
+.drawer {
+
+  /* [tablet landscape-]: Light gray background */
+  @include break-to-device(tablet landscape) {
+    background: $white;
+  }
+
+  /*
+   * Color links
+   */
+  .toc a {
+
+    /*
+     * Current active element
+     */
+    &.current {
+      color: $primary;
+    }
+
+    /*
+     * Hovered link
+     */
+    &:hover, &:focus {
+      color: $primary;
+    }
+  }
+
+  /*
+   * Color anchors menu
+   */
+  .anchor a {
+    border-left: 2px solid $primary;
+  }
+
+  /*
+   * Main sections
+   */
+  .section {
+    color: $black-light;
+  }
+}
+
+/*
+ * Project information
+ */
+.project {
+
+  /* [tablet landscape-]: Add drop shadow */
+  @include break-to-device(tablet landscape) {
+    @include drop-shadow(1);
+
+    background: $primary;
+    color: $white;
+  }
+
+  /*
+   * Add status bar overlay for iOS web application
+   */
+  .ios.standalone &:before {
+    background: $black-lightest;
+  }
+
+  /*
+   * Project logo
+   */
+  .logo img {
+    background: $white;
+    border-radius: 100%;
+  }
+
+  /*
+   * Scale logo on hover
+   */
+  &:hover .logo img,
+  &:focus .logo img {
+    @include drop-shadow(2);
+  }
+}
+
+/*
+ * Repository buttons
+ */
+.repo a {
+  background: $accent;
+  color: $white;
+  border-radius: 3px;
+
+  /*
+   * Hovered button
+   */
+  &:hover, &:focus {
+    @include drop-shadow(2);
+
+    opacity: 0.8;
+  }
+
+  /*
+   * Stars
+   */
+  .count {
+    background: $black-lighter;
+    color: $white;
+    border-radius: 0px 3px 3px 0px;
+
+    /*
+     * Star bubble
+     */
+    &:before {
+      border-width: 15px 5px 15px 0;
+      border-color: transparent $black-lighter;
+      border-style: solid;
+    }
+  }
+}
\ No newline at end of file
diff --git a/mkdocs-material/src/assets/stylesheets/modules/drawer/_layout.scss b/mkdocs-material/src/assets/stylesheets/modules/drawer/_layout.scss
new file mode 100644
index 00000000..d6e1df28
--- /dev/null
+++ b/mkdocs-material/src/assets/stylesheets/modules/drawer/_layout.scss
@@ -0,0 +1,305 @@
+/*
+ * Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to
+ * deal in the Software without restriction, including without limitation the
+ * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ * sell copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+/* ----------------------------------------------------------------------------
+ * Drawer layout
+ * ------------------------------------------------------------------------- */
+
+/*
+ * Drawer container
+ */
+.drawer {
+  width: 262px;
+  font-size: 13px;
+  line-height: 1.0em;
+
+  /* [tablet landscape-]: Fixed positioning */
+  @include break-to-device(tablet landscape) {
+    position: fixed;
+    z-index: 5;
+    height: 100%;
+  }
+
+  /* [tablet landscape+]: Inline with content */
+  @include break-from-device(tablet landscape) {
+    position: static;
+    float: left;
+    height: auto;
+    margin-bottom: 96px;
+    padding-top: 80px;
+  }
+
+  /* Hack [iOS]: Mitigate scrolling of parent container on boundaries */
+  .ios & {
+    overflow: scroll;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  /*
+   * Links to articles
+   */
+  .toc li a {
+    display: block;
+    padding: 14.5px 24px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  /*
+   * Links to anchors
+   */
+  .toc li.anchor a {
+    margin-left: 12px;
+    padding: 10px 24px 10px 12px;
+  }
+
+  /*
+   * Nested links and anchors
+   */
+  .toc li ul {
+    margin-left: 12px;
+  }
+
+  /*
+   * Nested anchors
+   */
+  .current + ul {
+    margin-bottom: 9px;
+  }
+
+  /*
+   * Main sections
+   */
+  .section {
+    display: block;
+    padding: 14.5px 24px;
+  }
+
+  /*
+   * Scrollable container
+   */
+  .scrollable {
+    top: 104px;
+    z-index: -1;
+
+    /* [tablet landscape+]: Revert fixed positioning */
+    @include break-from-device(tablet landscape) {
+      position: static;
+    }
+
+    /*
+     * Leave room for status bar in iOS web application
+     */
+    .ios.standalone & {
+
+      /* [orientation: portrait]: Account for status bar in portrait mode */
+      @include break-at-orientation(portrait) {
+        top: (104px + 20px);
+      }
+    }
+
+    /*
+     * Content wrapper
+     */
+    .wrapper {
+      height: auto;
+      min-height: 100%;
+
+      /*
+       * Add spacing at top and bottom of separator
+       */
+      hr {
+        margin: 12px 0;
+
+        /* [screen+]: Shorten separator */
+        @include break-from-device(screen) {
+          width: 48px;
+        }
+
+        /* Hack [IE]: Left-align horizontal rule */
+        margin-right: auto;
+      }
+
+      /*
+       * Add spacing at top and bottom of top level navigation
+       */
+      .toc {
+        margin: 12px 0;
+      }
+    }
+  }
+}
+
+/*
+ * Project information
+ */
+.project {
+  display: block;
+
+  /*
+   * Leave room for status bar in iOS web application
+   */
+  .ios.standalone & {
+
+    /* [orientation: portrait]: Account for status bar in portrait mode */
+    @include break-at-orientation(portrait) {
+      padding-top: 20px;
+
+      /*
+       * Add status bar overlay
+       */
+      &:before {
+        content: " ";
+        position: absolute;
+        top: 0;
+        left: 0;
+        z-index: 4;
+        width: 100%;
+        height: 20px;
+      }
+    }
+  }
+
+  /*
+   * Project banner
+   */
+  .banner {
+    display: table;
+    width: 100%;
+    height: 104px;
+    padding: 20px;
+  }
+
+  /*
+   * Project logo
+   */
+  .logo {
+    display: table-cell;
+    width: 64px;
+    padding-right: 12px;
+
+    /*
+     * Project logo image
+     */
+    img {
+      display: block;
+      width: 64px;
+      height: 64px;
+    }
+  }
+
+  /*
+   * Project name
+   */
+  .name {
+    display: table-cell;
+    padding-left: 4px;
+    font-size: 14px;
+    line-height: 1.25em;
+    vertical-align: middle;
+
+    /* [tablet portait+]: Slightly larger project name */
+    @include break-from-device(tablet portrait) {
+      margin: 26px 0 0 5px;
+    }
+  }
+
+  /*
+   * Shrink font, if a logo is given.
+   */
+  .logo + .name {
+    font-size: 12px;
+  }
+}
+
+/*
+ * Repository
+ */
+.repo {
+  margin: 24px 0;
+  text-align: center;
+
+  /*
+   * Inline buttons
+   */
+  li {
+    display: inline-block;
+    padding-right: 12px;
+    white-space: nowrap;
+
+    /*
+     * No padding on last button
+     */
+    &:last-child {
+      padding-right: 0;
+    }
+  }
+
+  /*
+   * Buttons
+   */
+  a {
+    display: inline-block;
+    padding: 0px 10px 0px 6px;
+    font-size: 12px;
+    line-height: 30px;
+    height: 30px;
+
+    /*
+     * Slightly larger icons
+     */
+    .icon {
+      font-size: 18px;
+      vertical-align: -3px;
+    }
+
+    /*
+     * Stars
+     */
+    .count {
+      display: inline-block;
+      position: relative;
+      padding: 0px 8px 0 4px;
+      margin: 0 -10px 0 8px;
+      font-size: 12px;
+
+      /*
+       * Star bubble
+       */
+      &:before {
+        content: " ";
+        display: block;
+        position: absolute;
+        top: 0px;
+        left: -5px;
+      }
+
+      /*
+       * Hide count, in case javascript is not available.
+       */
+      .no-js & {
+        display: none;
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/mkdocs-material/src/assets/stylesheets/modules/drawer/_typography.scss b/mkdocs-material/src/assets/stylesheets/modules/drawer/_typography.scss
new file mode 100644
index 00000000..78ea4f24
--- /dev/null
+++ b/mkdocs-material/src/assets/stylesheets/modules/drawer/_typography.scss
@@ -0,0 +1,68 @@
+/*
+ * Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to
+ * deal in the Software without restriction, including without limitation the
+ * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ * sell copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+/* ----------------------------------------------------------------------------
+ * Drawer typography
+ * ------------------------------------------------------------------------- */
+
+/*
+ * Drawer container
+ */
+.drawer {
+
+  /*
+   * Links to articles
+   */
+  .toc li a {
+    font-weight: 700;
+  }
+
+  /*
+   * Links to chapters inside the current article
+   */
+  .toc li.anchor a {
+    font-weight: 400;
+  }
+
+  /*
+   * Main sections
+   */
+  .section {
+    font-weight: 700;
+  }
+}
+
+/*
+ * Repository buttons
+ */
+.repo a {
+  text-transform: uppercase;
+  font-weight: 700;
+
+  /*
+   * Stars
+   */
+  .count {
+    text-transform: none;
+    font-weight: 700;
+  }
+}
\ No newline at end of file
diff --git a/mkdocs-material/src/assets/stylesheets/modules/search/_animation.scss b/mkdocs-material/src/assets/stylesheets/modules/search/_animation.scss
new file mode 100644
index 00000000..37df48f3
--- /dev/null
+++ b/mkdocs-material/src/assets/stylesheets/modules/search/_animation.scss
@@ -0,0 +1,134 @@
+/*
+ * Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to
+ * deal in the Software without restriction, including without limitation the
+ * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ * sell copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+/* ----------------------------------------------------------------------------
+ * Search animation
+ * ------------------------------------------------------------------------- */
+
+/*
+ * Animate header bar in offset and opacity
+ */
+.bar {
+  transform: translate3d(0, 0, 0);
+  transition: opacity   .2s cubic-bezier(.75, 0, .25, 1),
+              transform .4s cubic-bezier(.75, 0, .25, 1);
+
+  /*
+   * Active search mode
+   */
+  #toggle-search:checked ~ .header &,
+  .toggle-search & {
+    transform: translate3d(0, -56px, 0);
+  }
+
+  /*
+   * Search animations
+   */
+  &.search {
+
+    /*
+     * Hide reset button by default
+     */
+    .button-reset {
+      transform: scale(0.5, 0.5);
+      transition: opacity   .4s cubic-bezier(.1, .7, .1, 1),
+                  transform .4s cubic-bezier(.1, .7, .1, 1);
+      opacity: 0;
+    }
+
+    /*
+     * Show reset button if search is not empty
+     */
+    &.non-empty .button-reset {
+      transform: scale(1.0, 1.0);
+      opacity: 1;
+    }
+  }
+}
+
+/*
+ * Search results
+ */
+.results {
+  transition: opacity .3s .1s,
+              width   .0s .4s,
+              height  .0s .4s;
+
+  /*
+   * Active search mode
+   */
+  #toggle-search:checked ~ .main &,
+  .toggle-search & {
+    transition: opacity .4s,
+                width   .0s,
+                height  .0s;
+  }
+
+  /*
+   * Search result item link
+   */
+  .list a {
+    transition: background .25s;
+  }
+}
+
+/*
+ * Just hide and show bars, if browser doesn't support 3D transforms
+ */
+.no-csstransforms3d {
+
+  /*
+   * Show default bar
+   */
+  .bar.default {
+    display: table;
+  }
+
+  /*
+   * Hide search bar
+   */
+  .bar.search {
+    display: none;
+    margin-top: 0;
+  }
+
+  /*
+   * Active search mode
+   */
+  #toggle-search:checked ~ .header,
+  .toggle-search {
+
+    /*
+     * Hide default bar
+     */
+    .bar.default {
+      display: none;
+    }
+
+    /*
+     * Show search bar
+     */
+    .bar.search {
+      display: table;
+    }
+  }
+}
\ No newline at end of file
diff --git a/mkdocs-material/src/assets/stylesheets/modules/search/_appearance.scss b/mkdocs-material/src/assets/stylesheets/modules/search/_appearance.scss
new file mode 100644
index 00000000..045cd761
--- /dev/null
+++ b/mkdocs-material/src/assets/stylesheets/modules/search/_appearance.scss
@@ -0,0 +1,139 @@
+/*
+ * Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to
+ * deal in the Software without restriction, including without limitation the
+ * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ * sell copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+/* ----------------------------------------------------------------------------
+ * Search appearance
+ * ------------------------------------------------------------------------- */
+
+/*
+ * Search bar
+ */
+.bar.search {
+  opacity: 0;
+
+  /*
+   * Search input
+   */
+  .query {
+    background: transparent;
+    color: $black;
+
+    /*
+     * Search input placeholder
+     */
+    @include placeholder {
+      color: $black-lighter;
+    }
+  }
+
+  /*
+   * Pushed/clicked icon
+   */
+  .button .icon:active {
+    background: $black-lightest;
+  }
+}
+
+/*
+ * Search results
+ */
+.results {
+  @include drop-shadow(2);
+
+  background: $white;
+  color: $black;
+  opacity: 0;
+
+  /*
+   * Active search mode
+   */
+  #toggle-search:checked ~ .main &,
+  .toggle-search & {
+    opacity: 1;
+  }
+
+  /*
+   * Search meta data
+   */
+  .meta {
+    background: $primary;
+    color: $white;
+  }
+
+  /*
+   * Search result item link
+   */
+  .list a {
+    border-bottom: 1px solid $black-lightest;
+
+    /*
+     * Remove border on last element
+     */
+    &:last-child {
+      border-bottom: none;
+    }
+
+    /*
+     * Active item link
+     */
+    &:active {
+      background: $black-lightest;
+    }
+  }
+}
+
+/*
+ * Article link
+ */
+.result span {
+  color: $black-light;
+}
+
+/*
+ * Active search bar
+ */
+#toggle-search:checked ~ .header,
+.toggle-search .header {
+  background: $white;
+  color: $black-light;
+
+  /*
+   * Add darker status bar overlay in search mode
+   */
+  &:before {
+    background: $black-light;
+  }
+
+  /*
+   * Fade out default header bar
+   */
+  .bar.default {
+    opacity: 0;
+  }
+
+  /*
+   * Fade in search header bar
+   */
+  .bar.search {
+    opacity: 1;
+  }
+}
\ No newline at end of file
diff --git a/mkdocs-material/src/assets/stylesheets/modules/search/_layout.scss b/mkdocs-material/src/assets/stylesheets/modules/search/_layout.scss
new file mode 100644
index 00000000..33c89be9
--- /dev/null
+++ b/mkdocs-material/src/assets/stylesheets/modules/search/_layout.scss
@@ -0,0 +1,218 @@
+/*
+ * Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to
+ * deal in the Software without restriction, including without limitation the
+ * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ * sell copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+/* ----------------------------------------------------------------------------
+ * Search layout
+ * ------------------------------------------------------------------------- */
+
+/*
+ * Search bar
+ */
+.bar.search {
+  margin-top: 8px;
+
+  /*
+   * Search input
+   */
+  .query {
+    font-size: 18px;
+    padding: 13px 0;
+    margin: 0;
+    width: 100%;
+    height: 48px;
+
+    /* [tablet portait+]: Slightly larger typo */
+    @include break-from-device(tablet portrait) {
+      font-size: 20px;
+      padding: 12px 0;
+    }
+
+    /* Hack [IE]: Hide redundant clear button */
+    &::-ms-clear {
+      display: none;
+    }
+  }
+}
+
+/*
+ * Search results
+ */
+.results {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 0;
+  height: 100%;
+  z-index: 2;
+  overflow-y: scroll;
+  -webkit-overflow-scrolling: touch;
+
+  /* [tablet landscape+]: Limit results to five entries */
+  @include break-from-device(tablet landscape) {
+    height: auto;
+    top: 64px;
+  }
+
+  /*
+   * Scrollable container
+   */
+  .scrollable {
+    top: 56px;
+
+    /* [tablet portait+]: Increase vertical spacing */
+    @include break-from-device(tablet portrait) {
+      top: 64px;
+    }
+
+    /* [tablet landscape+]: Limit results to five entries */
+    @include break-from-device(tablet landscape) {
+      position: static;
+      max-height: 413px;
+    }
+
+    /*
+     * Leave room for status bar in iOS web application
+     */
+    .ios.standalone & {
+
+      /* [orientation: portrait]: Account for status bar in portrait mode */
+      @include break-at-orientation(portrait) {
+        top: (56px + 20px);
+
+        /* [tablet portait+]: Increase vertical spacing */
+        @include break-from-device(tablet portrait) {
+          top: (64px + 20px);
+        }
+      }
+    }
+  }
+
+  /*
+   * Active search mode
+   */
+  #toggle-search:checked ~ .main &,
+  .toggle-search & {
+    width: 100%;
+
+    /* Hack [Firefox]: div doesn't collapse, unless this is applied */
+    overflow-y: visible;
+
+    /* [tablet portait+]: Stretch to viewport */
+    @include break-to-device(tablet landscape) {
+      height: 100%;
+    }
+  }
+
+  /*
+   * Search meta data
+   */
+  .meta {
+    font-weight: 700;
+
+    /*
+     * Number of results
+     */
+    strong {
+      display: block;
+      font-size: 11px;
+      max-width: 1200px;
+      margin-left: auto;
+      margin-right: auto;
+      padding: 16px;
+
+      /* [tablet portait+]: Increase vertical spacing */
+      @include break-from-device(tablet portrait) {
+        padding: 16px 24px;
+      }
+    }
+  }
+
+  /*
+   * Search result item link
+   */
+  .list a {
+    display: block;
+  }
+}
+
+/*
+ * Search result item
+ */
+.result {
+  max-width: 1200px;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 12px 16px 16px;
+
+  /* [tablet portait+]: Increase vertical spacing */
+  @include break-from-device(tablet portrait) {
+    padding: 16px 24px 20px;
+  }
+
+  /*
+   * Article title
+   */
+  h1 {
+    line-height: 24px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+
+  /*
+   * Article link
+   */
+  span {
+    font-size: 12px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+}
+
+/*
+ * Switch visibility, if browser doesn't support 3D transforms
+ */
+.no-csstransforms3d {
+
+  /*
+   * Hide search results
+   */
+  .results {
+    display: none;
+  }
+
+  /*
+   * Active search mode
+   */
+  #toggle-search:checked ~ .main,
+  .toggle-search {
+
+    /*
+     * Show search results
+     */
+    .results {
+      display: block;
+      overflow: auto;
+    }
+  }
+}
\ No newline at end of file
diff --git a/mkdocs-material/src/assets/stylesheets/modules/search/_typography.scss b/mkdocs-material/src/assets/stylesheets/modules/search/_typography.scss
new file mode 100644
index 00000000..465f20ed
--- /dev/null
+++ b/mkdocs-material/src/assets/stylesheets/modules/search/_typography.scss
@@ -0,0 +1,29 @@
+/*
+ * Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to
+ * deal in the Software without restriction, including without limitation the
+ * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ * sell copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+/*
+ * Search meta data
+ */
+.meta {
+  text-transform: uppercase;
+  font-weight: 700;
+}
\ No newline at end of file