kubes 0.1.0 → 0.2.0

data/docs/_sass/default.scss

@@ -0,0 +1,103 @@
+// Global styling for this template
+body {
+  // font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
+  // @include body-font;
+  // -webkit-tap-highlight-color: $gray-darker;
+  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
+  // font-size: 0.95rem;
+  font-size: 16px;
+  color: #24292e;
+}
+
+a {
+  // color: #7386D5; // pretty light-blue
+  color: #0275d8; // gray?
+  @include transition-all;
+  &:hover,
+  &:focus {
+    color: darken(#0275d8, 10%);
+  }
+}
+
+hr {
+  max-width: 100px;
+  margin: 25px auto 0;
+  border-width: 1px;
+  border-color: fade-out($gray-darker, .9);
+}
+
+hr.light {
+    border-color: white;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
+  line-height: 1.5;
+  font-weight: 510;
+}
+
+h1 {
+  font-size: 1.8em;
+  border-bottom: 1px solid #eaecef;
+  font-weight: 530;
+}
+h2 {
+  font-size: 1.4em;
+  border-bottom: 1px solid #eaecef;
+}
+h3 {
+  font-size: 1.2em;
+}
+
+p {
+  line-height: 1.5;
+  margin-bottom: 20px;
+}
+
+li {
+  font-size: 16px;
+  padding-bottom: 8px;
+}
+
+section {
+    padding: 60px 0;
+    h2 {
+        // font-size: 50px;
+    }
+}
+
+::-moz-selection {
+    color: white;
+    background: $gray-darker;
+    text-shadow: none;
+}
+
+::selection {
+    color: white;
+    background: $gray-darker;
+    text-shadow: none;
+}
+
+img::selection {
+    color: white;
+    background: transparent;
+}
+
+img::-moz-selection {
+    color: white;
+    background: transparent;
+}
+
+.navbar-logo {
+  max-height: 55px;
+}
+
+img.doc-photo {
+    max-width: 600px;
+}
+
+.commands {
+    max-width: 400px;
+    margin-right: auto;
+}
+

data/docs/_sass/footer.scss

@@ -0,0 +1,66 @@
+// Styling for the footer
+footer {
+  padding: 25px 0;
+  text-align: center;
+  background-color: $gray-darker;
+  color: white;
+  p {
+    margin: 0;
+  }
+  ul {
+    margin-bottom: 0;
+    li {
+      a {
+        font-size: 1.2em;
+        color: white;
+        &:hover,
+        &:focus,
+        &:active,
+        &.active {
+            text-decoration: none;
+        }
+      }
+    }
+  }
+
+  ul.list-inline {
+    li {
+      display: inline;
+      margin: 0 5px;
+      a.btn-social {
+        display: inline-block;
+        width: 50px;
+        height: 50px;
+        border: 2px solid #fff;
+        border-radius: 100%;
+        text-align: center;
+        font-size: 20px;
+          line-height: 45px;
+      }
+    }
+  }
+}
+
+.footer-col {
+  padding-top: 20px;
+  @media(min-width: 992px) {
+    padding-top: 10px;
+  }
+}
+
+footer h3 {
+  margin-bottom: 25px;
+}
+
+footer img.footer-logo {
+  width: 240px;
+}
+
+/*footer*/
+ul.tools {
+  margin-top: 0;
+}
+ul.tools li {
+  font-size: 1em;
+}
+

data/docs/_sass/masthead.scss

@@ -0,0 +1,77 @@
+// Styling for the masthead
+header.masthead {
+  position: relative;
+  overflow-y: hidden;
+  width: 100%;
+  min-height: auto;
+  color: white;
+  background-color: #020766;
+
+  h1, h2 {
+    border: none;
+  }
+
+  h2 {
+    font-weight: 200;
+    font-size: 24px;
+  }
+
+  .header-content {
+    position: relative;
+    padding: 50px 0 30px;
+    text-align: center;
+    .header-content-inner {
+      position: relative;
+      max-width: 500px;
+      margin: 0 auto;
+      h1 {
+        font-size: 30px;
+        margin-top: 0;
+        margin-bottom: 30px;
+      }
+      .list-badges {
+        margin-bottom: 25px;
+        img {
+          height: 50px;
+          margin-bottom: 25px;
+        }
+      }
+    }
+  }
+  .device-container {
+    max-width: 300px;
+    margin: 0 auto 100px;
+    .screen img {
+      border-radius: 3px;
+    }
+  }
+  @media (min-width: 768px) {
+    // min-height: 100%;
+    .header-content {
+      // height: 100vh;
+      min-height: 600px;
+      padding: 0;
+      text-align: left;
+      .header-content-inner {
+        position: absolute;
+        top: 50%;
+        max-width: none;
+        margin: 0;
+        transform: translateY(-50%);
+        h1 {
+          font-size: 35px;
+        }
+      }
+    }
+    .device-container {
+      max-width: none;
+      max-height: calc(100vh - 100px);
+      margin: 100px auto 0;
+    }
+  }
+  @media (min-width: 992px) {
+    .header-content .header-content-inner h1 {
+      font-size: 50px;
+    }
+  }
+}

data/docs/_sass/mixins.scss

@@ -0,0 +1,79 @@
+// Mixins
+@mixin transition-all() {
+    -webkit-transition: all .35s;
+    -moz-transition: all .35s;
+    transition: all .35s;
+}
+
+@mixin background-cover() {
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+}
+
+@mixin button-variant($color, $background, $border) {
+    color: $color;
+    border-color: $border;
+    background-color: $background;
+    &:focus,
+    &.focus {
+        color: $color;
+        border-color: darken($border, 25%);
+        background-color: darken($background, 10%);
+    }
+    &:hover {
+        color: $color;
+        border-color: darken($border, 12%);
+        background-color: darken($background, 10%);
+    }
+    &:active,
+    &.active,
+    .open > &.dropdown-toggle {
+        color: $color;
+        border-color: darken($border, 12%);
+        background-color: darken($background, 10%);
+        &:hover,
+        &:focus,
+        &.focus {
+            color: $color;
+            border-color: darken($border, 25%);
+            background-color: darken($background, 17%);
+        }
+    }
+    &:active,
+    &.active,
+    .open > &.dropdown-toggle {
+        background-image: none;
+    }
+    &.disabled,
+    &[disabled],
+    fieldset[disabled] & {
+        &:hover,
+        &:focus,
+        &.focus {
+            border-color: $border;
+            background-color: $background;
+        }
+    }
+    .badge {
+        color: $background;
+        background-color: $color;
+    }
+}
+
+@mixin heading-font {
+    font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
+    font-weight: 200;
+    letter-spacing: 1px;
+}
+
+@mixin body-font {
+    font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
+}
+
+@mixin alt-font {
+    font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
+    letter-spacing: 2px;
+    text-transform: uppercase;
+}

data/docs/_sass/sidebar.scss

@@ -0,0 +1,107 @@
+#wrapper {
+  display: flex;
+  width: 100%;
+  align-items: stretch;
+}
+
+#sidebar {
+  padding-top: 20px;
+  padding-left: 20px;
+  min-width: 250px;
+  max-width: 250px;
+  transition: all 0.3s;
+}
+
+#sidebar.toggled {
+  margin-left: -250px;
+}
+
+/* ---------------------------------------------------
+    MEDIAQUERIES
+----------------------------------------------------- */
+
+@media (max-width: 768px) {
+  #sidebar {
+    margin-left: -250px;
+  }
+  #sidebar.toggled {
+    margin-left: 0;
+  }
+}
+
+// only show cross symbol on mobile. desktop will always have hamburger
+@media (max-width: 768px) {
+  .cross {
+    .bar1 {
+      -webkit-transform: rotate(-45deg) translate(-6px, 6px);
+      transform: rotate(-45deg) translate(-6px, 6px);
+    }
+    .bar2 {opacity: 0;}
+    .bar3 {
+      -webkit-transform: rotate(45deg) translate(-5px, -5px);
+      transform: rotate(45deg) translate(-5px, -5px);
+    }
+  }
+}
+
+.content-nav {
+  margin: 0;
+  padding: 0;
+  font-size: 20px;
+  font-size: 1.25em;
+
+  h2 {
+    color: #194f96;
+    font-size: 20px;
+    font-weight: bold;
+    border: none;
+    margin-bottom: 0;
+  }
+
+  ul, ol {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  li {
+    margin: 0;
+    padding: 0; // reset defaults.scss
+    padding-left: 8px;
+    list-style-type: none;
+  }
+
+  a {
+    // color: #0865ca;
+    color: #365881;
+  }
+
+  a.current-page {
+    color: #d88a13;
+  }
+}
+
+.content-nav a.active {
+  color: #101010;
+  text-decoration: underline;
+  font-weight: bold;
+}
+
+.content-nav > ul {
+  padding-bottom: 15px;
+}
+
+.menu-options {
+  padding-left: 10px;
+  padding-top: 30px;
+  padding-bottom: 10px;
+  h2 {
+    font-size: 0.95em;
+    border: none;
+  }
+  li {
+    font-size: 0.85em;
+    padding-bottom: 4px;
+  }
+}
+

data/docs/_sass/syntax.scss

@@ -0,0 +1,89 @@
+.highlight  { background: #ffffff; }
+.highlight .c { color: #999988; font-style: italic } /* Comment */
+.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.highlight .k { font-weight: bold } /* Keyword */
+.highlight .o { font-weight: bold } /* Operator */
+.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
+.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #aa0000 } /* Generic.Error */
+.highlight .gh { color: #999999 } /* Generic.Heading */
+.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #555555 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
+.highlight .gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc { font-weight: bold } /* Keyword.Constant */
+.highlight .kd { font-weight: bold } /* Keyword.Declaration */
+.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #009999 } /* Literal.Number */
+.highlight .s { color: #d14 } /* Literal.String */
+.highlight .na { color: #008080 } /* Name.Attribute */
+.highlight .nb { color: #0086B3 } /* Name.Builtin */
+.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
+.highlight .no { color: #008080 } /* Name.Constant */
+.highlight .ni { color: #800080 } /* Name.Entity */
+.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
+.highlight .nn { color: #555555 } /* Name.Namespace */
+.highlight .nt { color: #000080 } /* Name.Tag */
+.highlight .nv { color: #008080 } /* Name.Variable */
+.highlight .ow { font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #009999 } /* Literal.Number.Float */
+.highlight .mh { color: #009999 } /* Literal.Number.Hex */
+.highlight .mi { color: #009999 } /* Literal.Number.Integer */
+.highlight .mo { color: #009999 } /* Literal.Number.Oct */
+.highlight .sb { color: #d14 } /* Literal.String.Backtick */
+.highlight .sc { color: #d14 } /* Literal.String.Char */
+.highlight .sd { color: #d14 } /* Literal.String.Doc */
+.highlight .s2 { color: #d14 } /* Literal.String.Double */
+.highlight .se { color: #d14 } /* Literal.String.Escape */
+.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
+.highlight .si { color: #d14 } /* Literal.String.Interpol */
+.highlight .sx { color: #d14 } /* Literal.String.Other */
+.highlight .sr { color: #009926 } /* Literal.String.Regex */
+.highlight .s1 { color: #d14 } /* Literal.String.Single */
+.highlight .ss { color: #990073 } /* Literal.String.Symbol */
+.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #008080 } /* Name.Variable.Class */
+.highlight .vg { color: #008080 } /* Name.Variable.Global */
+.highlight .vi { color: #008080 } /* Name.Variable.Instance */
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
+
+// fix css the pre code block that is generated with ```
+.highlighter-rouge .highlight {
+  background: #ecf0f1;
+  // overflow: scroll;
+  // max-width: 600px;
+}
+
+.highlighter-rouge {
+  // max-width: 900px;
+}
+
+pre {
+  background: #ecf0f1;
+  padding: 10px;
+  margin: 0 0 10.5px;
+  font-size: 12px;
+}
+
+code {
+  font-size: 80%;
+  color: #24292e;
+  background: #ecf0f1;
+  padding: .2em 0;
+}
+
+code.highlighter-rouge {
+  padding: .2em .4em;
+}