documental 0.1.1

data/_sass/bootstrap/utilities/_position.scss

@@ -0,0 +1,37 @@
+// stylelint-disable declaration-no-important
+
+// Common values
+
+// Sass list not in variables since it's not intended for customization.
+// stylelint-disable-next-line scss/dollar-variable-default
+$positions: static, relative, absolute, fixed, sticky;
+
+@each $position in $positions {
+  .position-#{$position} { position: $position !important; }
+}
+
+// Shorthand
+
+.fixed-top {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: $zindex-fixed;
+}
+
+.fixed-bottom {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: $zindex-fixed;
+}
+
+.sticky-top {
+  @supports (position: sticky) {
+    position: sticky;
+    top: 0;
+    z-index: $zindex-sticky;
+  }
+}

data/_sass/bootstrap/utilities/_screenreaders.scss

@@ -0,0 +1,11 @@
+//
+// Screenreaders
+//
+
+.sr-only {
+  @include sr-only();
+}
+
+.sr-only-focusable {
+  @include sr-only-focusable();
+}

data/_sass/bootstrap/utilities/_shadows.scss

@@ -0,0 +1,6 @@
+// stylelint-disable declaration-no-important
+
+.shadow-sm { box-shadow: $box-shadow-sm !important; }
+.shadow { box-shadow: $box-shadow !important; }
+.shadow-lg { box-shadow: $box-shadow-lg !important; }
+.shadow-none { box-shadow: none !important; }

data/_sass/bootstrap/utilities/_sizing.scss

@@ -0,0 +1,12 @@
+// stylelint-disable declaration-no-important
+
+// Width and height
+
+@each $prop, $abbrev in (width: w, height: h) {
+  @each $size, $length in $sizes {
+    .#{$abbrev}-#{$size} { #{$prop}: $length !important; }
+  }
+}
+
+.mw-100 { max-width: 100% !important; }
+.mh-100 { max-height: 100% !important; }

data/_sass/bootstrap/utilities/_spacing.scss

@@ -0,0 +1,51 @@
+// stylelint-disable declaration-no-important
+
+// Margin and Padding
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    @each $prop, $abbrev in (margin: m, padding: p) {
+      @each $size, $length in $spacers {
+
+        .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
+        .#{$abbrev}t#{$infix}-#{$size},
+        .#{$abbrev}y#{$infix}-#{$size} {
+          #{$prop}-top: $length !important;
+        }
+        .#{$abbrev}r#{$infix}-#{$size},
+        .#{$abbrev}x#{$infix}-#{$size} {
+          #{$prop}-right: $length !important;
+        }
+        .#{$abbrev}b#{$infix}-#{$size},
+        .#{$abbrev}y#{$infix}-#{$size} {
+          #{$prop}-bottom: $length !important;
+        }
+        .#{$abbrev}l#{$infix}-#{$size},
+        .#{$abbrev}x#{$infix}-#{$size} {
+          #{$prop}-left: $length !important;
+        }
+      }
+    }
+
+    // Some special margin utils
+    .m#{$infix}-auto { margin: auto !important; }
+    .mt#{$infix}-auto,
+    .my#{$infix}-auto {
+      margin-top: auto !important;
+    }
+    .mr#{$infix}-auto,
+    .mx#{$infix}-auto {
+      margin-right: auto !important;
+    }
+    .mb#{$infix}-auto,
+    .my#{$infix}-auto {
+      margin-bottom: auto !important;
+    }
+    .ml#{$infix}-auto,
+    .mx#{$infix}-auto {
+      margin-left: auto !important;
+    }
+  }
+}

data/_sass/bootstrap/utilities/_text.scss

@@ -0,0 +1,58 @@
+// stylelint-disable declaration-no-important
+
+//
+// Text
+//
+
+.text-monospace { font-family: $font-family-monospace; }
+
+// Alignment
+
+.text-justify  { text-align: justify !important; }
+.text-nowrap   { white-space: nowrap !important; }
+.text-truncate { @include text-truncate; }
+
+// Responsive alignment
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    .text#{$infix}-left   { text-align: left !important; }
+    .text#{$infix}-right  { text-align: right !important; }
+    .text#{$infix}-center { text-align: center !important; }
+  }
+}
+
+// Transformation
+
+.text-lowercase  { text-transform: lowercase !important; }
+.text-uppercase  { text-transform: uppercase !important; }
+.text-capitalize { text-transform: capitalize !important; }
+
+// Weight and italics
+
+.font-weight-light  { font-weight: $font-weight-light !important; }
+.font-weight-normal { font-weight: $font-weight-normal !important; }
+.font-weight-bold   { font-weight: $font-weight-bold !important; }
+.font-italic        { font-style: italic !important; }
+
+// Contextual colors
+
+.text-white { color: $white !important; }
+
+@each $color, $value in $theme-colors {
+  @include text-emphasis-variant(".text-#{$color}", $value);
+}
+
+.text-body { color: $body-color !important; }
+.text-muted { color: $text-muted !important; }
+
+.text-black-50 { color: rgba($black, .5) !important; }
+.text-white-50 { color: rgba($white, .5) !important; }
+
+// Misc
+
+.text-hide {
+  @include text-hide($ignore-warning: true);
+}

data/_sass/bootstrap/utilities/_visibility.scss

@@ -0,0 +1,11 @@
+//
+// Visibility utilities
+//
+
+.visible {
+  @include invisible(visible);
+}
+
+.invisible {
+  @include invisible(hidden);
+}

data/_sass/documental/algolia.scss

@@ -0,0 +1,54 @@
+// Box
+.aa-dropdown-menu {
+    background-color: white;
+    border-color: #ccc;
+    border-radius: 0;
+}
+// Each suggestion
+.algolia-docsearch-suggestion {
+    background-color: transparent;
+    color: $text-color;
+    border-color: #e7e7e7;
+}
+// Main category headers
+.algolia-docsearch-suggestion--category-header {
+    background-color: $grey-background-light;
+    color: $text-color;
+    border-bottom: solid 1px #e7e7e7;
+    font-weight: normal;
+    padding: 10px;
+}
+.algolia-docsearch-suggestion--subcategory-column {
+    background-color: transparent;
+    border-color: #e7e7e7;
+    font-weight: bold;
+    width: 200px;
+    max-width: 200px;
+}
+.algolia-docsearch-suggestion--title {
+    font-weight: normal;
+}
+.algolia-docsearch-suggestion--content {
+    border-top: none;
+    width: 70%;
+}
+/* Highlighted search terms */
+.algolia-docsearch-suggestion--highlight {
+    color: $link-color;
+}
+/* Highligted search terms in the main category headers */
+.algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--highlight  {
+    background-color: transparent;
+}
+/* Currently selected suggestion */
+.aa-cursor .algolia-docsearch-suggestion--content {
+    color: $link-hover-color;
+}
+.aa-cursor .algolia-docsearch-suggestion {
+    background-color: transparent;
+}
+
+.algolia-docsearch-footer {
+    border-top: solid 1px #e7e7e7;
+    color: #616161;
+}

data/_sass/documental/blog.scss

@@ -0,0 +1,15 @@
+.article-extract {
+    border-bottom: solid 1px $border-color;
+    margin-bottom: 20px;
+    padding: 0 0 20px 0;
+}
+
+.article-information {
+    font-style: italic;
+    font-size: 80%;
+    text-align: right;
+}
+
+.all-posts li {
+    margin-bottom: 10px;
+}

data/_sass/documental/home.scss

@@ -0,0 +1,82 @@
+.home {
+
+    section {
+        padding: 90px 0 80px;
+
+        // Offset so that the title is not hidden behind the nav bar
+        >[id]:before {
+            display: block;
+            content: " ";
+            margin-top: -75px;
+            height: 75px;
+            visibility: hidden;
+        }
+
+        pre {
+            background-color: white;
+            border-color: #e7e7e7;
+            box-shadow: 0 2px 6px #e7e7e7;
+            margin-bottom: 15px;
+        }
+    }
+    section.odd {
+        background-color: $background-colored;
+
+        pre {
+            background-color: white;
+            border-color: #D8D8D8;
+        }
+        hr {
+            border-color: #D8D8D8;
+        }
+    }
+
+    h2 {
+        text-align: center;
+        margin-top: 0;
+        margin-bottom: 40px;
+        color: $brand-primary;
+        a:hover, a:active {
+            text-decoration: none;
+        }
+    }
+    h4 {
+        text-transform: uppercase;
+        font-size: 16px;
+        .read-more {
+            //@include float-right;
+            text-transform: none;
+            font-size: 13px;
+        }
+    }
+
+    .jumbotron {
+        background: none;
+        text-align: center;
+        padding: 70px 0;
+        h1 {
+            margin-bottom: 25px;
+            strong {
+                color: $brand-primary;
+            }
+        }
+        p {
+            font-size: 150%;
+            margin-bottom: 35px;
+        }
+    }
+
+    .framework-integrations {
+        text-align: center;
+        .thumbnail {
+            padding-top: 20px;
+        }
+        img {
+            height: 70px;
+        }
+        h4 {
+            font-size: 15px;
+        }
+    }
+
+}

data/_sass/documental/variables.scss

@@ -0,0 +1,10 @@
+// Bootstrap variables
+$brand-primary: #D5A51F;
+$text-color: #4A4A4A;
+
+$grey-background-light: #f8f8f8;
+$background-colored: #e7e7e7;
+$border-color: #f0f2f1;
+
+$link-color: darken($brand-primary, 5%);
+$link-hover-color: #9D5A08;

data/_sass/documental.scss

@@ -0,0 +1,222 @@
+@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,700,200italic,400italic,700italic);
+
+@import "fontawesome/fontawesome.scss";
+@import "fontawesome/solid.scss";
+@import "fontawesome/brands.scss";
+
+@import "bootstrap/bootstrap.scss";
+@import "documental/variables.scss";
+@import "documental/home.scss";
+@import "documental/blog.scss";
+@import "documental/algolia.scss";
+
+body {
+    font-family: 'Source Sans Pro', sans-serif;
+    -webkit-font-smoothing: antialiased;
+    font-size: 14px;
+    @include media-breakpoint-up(sm) {
+        font-size: 15px;
+    }
+    @include media-breakpoint-up(md) {
+        font-size: 16px;
+    }
+}
+
+a {
+  color: $link-color;
+}
+
+p {
+    line-height: 1.5;
+    margin: 10px 0 20px;
+}
+h1 {
+    font-weight: 200;
+    font-size: 34px;
+    @include media-breakpoint-up(sm) {
+        font-size: 42px;
+    }
+    @include media-breakpoint-up(md) {
+        font-size: 48px;
+    }
+}
+h2 {
+    font-weight: 400;
+    color: #525252;
+    text-decoration: none;
+    margin: 30px 0;
+    font-size: 30px;
+    @include media-breakpoint-up(sm) {
+        font-size: 33px;
+    }
+    @include media-breakpoint-up(md) {
+        font-size: 36px;
+    }
+}
+h3 {
+    font-weight: 400;
+    margin: 24px 0;
+    font-size: 20px;
+    @include media-breakpoint-up(sm) {
+        font-size: 22px;
+    }
+    @include media-breakpoint-up(md) {
+        font-size: 24px;
+    }
+}
+
+code {
+    font-size: 80%;
+    color: #A83838;
+    background-color: $grey-background-light;
+}
+pre {
+    border-radius: 0;
+    background-color: $grey-background-light;
+    border-color: $background-colored;
+}
+pre code {
+    background: transparent;
+}
+thead {
+  border-bottom: solid black 1px;
+}
+td,th {
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+}
+
+.hljs {
+    background: transparent;
+    padding: 0;
+}
+
+.btn {
+    border-radius: 0;
+}
+
+.navbar {
+    .navbar-default {
+        background-color: $grey-background-light;
+        justify-content: space-between;
+    }
+    .navbar-nav {
+        a {
+            text-transform: uppercase;
+            font-size: 11px;
+            letter-spacing: 0.2rem;
+            padding-left: 20px;
+            padding-right: 20px;
+        }
+        a.github {
+            padding-top: 5px;
+            i {
+                font-size: 20px;
+            }
+        }
+    }
+    #search-input {
+        width: 300px;
+        margin-left: 30px;
+        background-color: #FBFBFB;
+        border: 1px solid #E4E4E4;
+    }
+}
+
+article {
+    position: relative;
+    padding: 30px 0 50px 0;
+    h1 {
+        margin: 0 0 32px;
+        padding-bottom: 32px;
+        border-bottom: solid 1px $border-color;
+    }
+    .anchor {
+        position: absolute;
+        margin-left: -25px;
+        left: 0;
+        @include media-breakpoint-down(xs) {
+          visibility: hidden;
+        }
+    }
+    a.anchor:hover {
+        text-decoration: none;
+    }
+    img {
+        max-width: 100%;
+    }
+}
+
+.documentation {
+    .sidebar {
+        text-align: right;
+        float: left;
+        padding: 35px 10px 35px 0;
+        @include media-breakpoint-down(sm) {
+            visibility: hidden;
+            width: 0px;
+        }
+        @include media-breakpoint-up(md) {
+            width: 200px;
+            padding-right: 25px;
+        }
+        @include media-breakpoint-up(lg) {
+            width: 250px;
+            padding-right: 35px;
+        }
+
+        ul {
+            list-style: none;
+            padding: 0;
+            li {
+                font-weight: 400;
+                margin-bottom: 20px;
+                font-size: 16px;
+                @include media-breakpoint-up(md) {
+                    font-size: 18px;
+                }
+                ul {
+                    display: block;
+                    list-style: none;
+                    margin: 10px 0 0 0;
+                    padding: 0 0 0 10px;
+                    li {
+                        margin-bottom: 5px;
+                        font-size: 12px;
+                        @include media-breakpoint-up(md) {
+                            font-size: 14px;
+                        }
+                        &.active a {
+                            color: $link-hover-color;
+                            text-decoration: underline;
+                        }
+                    }
+                }
+            }
+        }
+    }
+    article {
+        @include media-breakpoint-down(sm) {
+            margin-left: 0px;
+        }
+        @include media-breakpoint-up(md) {
+            margin-left: 250px;
+        }
+        @include media-breakpoint-up(lg) {
+            margin-left: 300px;
+        }
+    }
+}
+
+footer {
+    background: $background-colored;
+    margin-top: 50px;
+    padding: 40px 0;
+    font-size: 90%;
+    text-align: center;
+    color: #9e9e9e;
+}
+
+.gitter-chat-embed {
+    z-index: 2000;
+}

data/_sass/fontawesome/_animated.scss

@@ -0,0 +1,20 @@
+// Animated Icons
+// --------------------------
+
+.#{$fa-css-prefix}-spin {
+  animation: fa-spin 2s infinite linear;
+}
+
+.#{$fa-css-prefix}-pulse {
+  animation: fa-spin 1s infinite steps(8);
+}
+
+@keyframes fa-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}

data/_sass/fontawesome/_bordered-pulled.scss

@@ -0,0 +1,20 @@
+// Bordered & Pulled
+// -------------------------
+
+.#{$fa-css-prefix}-border {
+  border: solid .08em $fa-border-color;
+  border-radius: .1em;
+  padding: .2em .25em .15em;
+}
+
+.#{$fa-css-prefix}-pull-left { float: left; }
+.#{$fa-css-prefix}-pull-right { float: right; }
+
+.#{$fa-css-prefix},
+.fas,
+.far,
+.fal,
+.fab {
+  &.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
+  &.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
+}

data/_sass/fontawesome/_core.scss

@@ -0,0 +1,20 @@
+// Base Class Definition
+// -------------------------
+
+.#{$fa-css-prefix},
+.fas,
+.far,
+.fal,
+.fab {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  display: inline-block;
+  font-style: normal;
+  font-variant: normal;
+  text-rendering: auto;
+  line-height: 1;
+}
+
+%fa-icon {
+  @include fa-icon;
+}

data/_sass/fontawesome/_fixed-width.scss

@@ -0,0 +1,6 @@
+// Fixed Width Icons
+// -------------------------
+.#{$fa-css-prefix}-fw {
+  text-align: center;
+  width: (20em / 16);
+}