kubes 0.1.0 → 0.2.4

data/docs/_sass/caret.scss

@@ -0,0 +1,39 @@
+/*https://www.w3schools.com/howto/howto_js_treeview.asp*/
+
+.caret {
+  cursor: pointer;
+  -webkit-user-select: none; /* Safari 3.1+ */
+  -moz-user-select: none; /* Firefox 2+ */
+  -ms-user-select: none; /* IE 10+ */
+  user-select: none;
+  font-family: initial;
+}
+
+.caret::before {
+  content: "\25B6";
+  // note: using font-family other than -apple-system makes the macos-ish look sidebar cursor on the iphone on chrome and safari.
+  font-family: -apple-system; // so care
+  color: #5d5353;
+  display: inline-block;
+  margin-right: 8px;
+}
+
+.caret-down::before {
+  -ms-transform: rotate(90deg); /* IE 9 */
+  transform: rotate(90deg);
+}
+
+// to align the menu items
+.caret-spacing::before {
+  content: "\25B6"; // so we can keep the same width
+  color: white; // matches with background so cannot be seen
+}
+
+.nested {
+  display: none;
+}
+
+.active {
+  display: block;
+}
+

data/docs/_sass/content.scss

@@ -0,0 +1,21 @@
+// https://www.w3schools.com/howto/howto_css_menu_icon.asp
+.menu-top-bar {
+  padding: 15px; // to match with .container-fluid 15px
+}
+#menu-toggle {
+  .bar1, .bar2, .bar3 {
+    width: 24px;
+    height: 2px;
+    background-color: #333;
+    margin: 6px 0;
+    transition: 0.4s;
+  }
+}
+
+#content {
+  width: 100%;
+  max-width: 900px;
+  padding: 5px; // .container-fluid has 15px already
+  min-height: 85vh; // not 100vh so footer shows a little bit
+  transition: all 0.3s;
+}

data/docs/_sass/cta.scss

@@ -0,0 +1,39 @@
+// Styling for the call to action section
+section.cta {
+  position: relative;
+  padding: 50px 0;
+  text-align: center;
+  margin: 0 auto;
+  background-position: center;
+  @include background-cover;
+  .cta-content {
+    position: relative;
+    z-index: 1;
+    h2 {
+      text-align: center;
+      margin: 0 auto 25px auto;
+      font-size: 50px;
+      font-weight: 200;
+      max-width: 450px;
+      color: white;
+      border: none;
+    }
+    @media (min-width: 768px) {
+      h2 {
+        text-align: center;
+        margin: 0 auto;
+        font-size: 80px;
+        border: none;
+        font-weight: 200;
+      }
+    }
+  }
+  .overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: #730c0c;
+  }
+}

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;
+  }
+}
+