jekyll-theme-warpcore 0.1.0

data/_sass/jekyll-theme-warpcore.scss

@@ -0,0 +1,2 @@
+@import "bootstrap/bootstrap";
+@import "warpcore/warpcore";

data/_sass/warpcore/_anchor.scss

@@ -0,0 +1,11 @@
+// Anchor styling
+.anchorjs-link {
+  font-weight: 400;
+  color: rgba($link-color, .5);
+  @include transition(color .15s ease-in-out, opacity .15s ease-in-out);
+
+  &:hover {
+    color: $link-color;
+    text-decoration: none;
+  }
+}

data/_sass/warpcore/_content.scss

@@ -0,0 +1,166 @@
+//
+// Content styling
+//
+.wc-title {
+  margin-top: 1rem;
+  margin-bottom: .5rem;
+  @include font-size(3rem);
+}
+
+.wc-lead {
+  @include font-size(1.5rem);
+  font-weight: 300;
+  color: #6d6d6d;
+  padding-bottom: 1rem;
+
+  @include media-breakpoint-up(lg) {
+    max-width: 80%;
+  }
+}
+
+.wc-content {
+
+  > h2,h3,h4,h5,h6 {
+    margin-bottom: 1rem;
+
+  }
+
+  > table {
+    width: 100%;
+    max-width: 100%;
+    margin-bottom: 1rem;
+
+    @include media-breakpoint-down(md) {
+      display: block;
+      overflow-x: auto;
+
+      &.table-bordered {
+        border: 0;
+      }
+    }
+
+    // Cells
+    > thead,
+    > tbody,
+    > tfoot {
+      > tr {
+        > th,
+        > td {
+          // padding: $table-cell-padding;
+          padding: $table-cell-padding-sm;
+          vertical-align: top;
+          border: 1px solid $table-border-color;
+
+          > p:last-child {
+            margin-bottom: 0;
+          }
+        }
+      }
+    }
+
+    > thead {
+      > tr {
+        > th {
+          color: $table-head-color;
+          background-color: $table-head-bg;
+          border-color: $table-border-color;
+        }
+      }
+    }
+
+    // Prevent breaking of code (e.g., Grunt tasks list)
+    td:first-child > code {
+      white-space: nowrap;
+    }
+  }
+
+  > h2 {
+    @include font-size($h2-font-size);
+  }
+
+  > h3 {
+    @include font-size($h3-font-size);
+  }
+
+  > h4 {
+    @include font-size($h4-font-size);
+  }
+
+  > h2:not(:first-child) {
+    margin-top: 3rem;
+  }
+
+  > h3 {
+    margin-top: 1.5rem;
+  }
+
+  > ul li,
+  > ol li {
+    margin-bottom: .25rem;
+  }
+
+  @include media-breakpoint-up(lg) {
+    > ul,
+    > ol,
+    > p {
+      max-width: 80%;
+    }
+  }
+
+  // Responsive images
+  img {
+    @include img-fluid()
+  }
+
+  > blockquote {
+    background-color: rgba(255,229,100,0.3);
+    border-left: solid 9px #ffe564;
+    padding: 1rem 1rem 0.5rem;
+    margin-left: -15px;
+    margin-right: -15px;
+    margin-bottom: 2rem;
+    p {
+      margin-bottom: 0.5rem;
+      &:first-of-type {
+        font-weight: bold;
+      }
+    }
+
+    @include media-breakpoint-up(sm) {
+      margin-left: 0;
+      margin-right: 0;
+    }
+  }
+
+}
+
+div.highlight {
+  padding: 1rem;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  margin-right: (-$grid-gutter-width / 2);
+  margin-left: (-$grid-gutter-width / 2);
+
+  background-color: $gray-100;
+  -ms-overflow-style: -ms-autohiding-scrollbar;
+
+  @include media-breakpoint-up(sm) {
+    padding: 1.5rem;
+    margin-right: 0;
+    margin-left: 0;
+  }
+
+  pre {
+    padding: 0;
+    margin-top: 0;
+    margin-bottom: 0;
+    background-color: transparent;
+    border: 0;
+  }
+  pre code {
+    @include font-size(inherit);
+    color: $gray-900; // Effectively the base text color
+  }
+}
+
+

data/_sass/warpcore/_docsearch.scss

@@ -0,0 +1,8 @@
+//
+// Overrides for algolia docsearch
+//
+
+.algolia-autocomplete {
+  display: block !important;
+  flex: 1;
+}

data/_sass/warpcore/_footer-links.scss

@@ -0,0 +1,20 @@
+// Footer style
+.wc-footer {
+  border-top: solid 1px rgb(236, 236, 236);
+  padding-top: 1.5rem;
+  margin-top: 1rem;
+}
+
+.wc-footer-next {
+  text-align: right;
+  padding-right: 2rem;
+}
+
+.wc-footer-prev {
+  padding-left: 2rem;
+}
+
+.wc-search-docs-toggle {
+  line-height: 1;
+  color: $gray-900;
+}

data/_sass/warpcore/_sidebar.scss

@@ -0,0 +1,126 @@
+//
+// Primary navigation sidebar
+//
+
+.wc-sidebar {
+  @include media-breakpoint-up(md) {
+    @supports (position: sticky) {
+      position: sticky;
+      top: 0;
+      z-index: 1000;
+      height: 100vh;
+    }
+  }
+  border-right: 1px solid rgba(0, 0, 0, .1);
+  border-bottom: 1px solid rgba(0, 0, 0, .1);
+  order: 0;
+
+  @include media-breakpoint-up(xl) {
+    flex: 0 1 320px;
+  }
+}
+
+.wc-docsearch {
+  padding: 1rem 1rem;
+  margin-right: -15px;
+  margin-left: -15px;
+  border-bottom: 1px solid rgba(0, 0, 0, .05);
+}
+
+.wc-sidebar-block {
+  padding: 1rem 1.5rem;
+  margin-right: -15px;
+  margin-left: -15px;
+  border-bottom: 1px solid rgba(0, 0, 0, .05);
+}
+
+.wc-brand {
+  color: rgba(0, 0, 0, 0.65);
+  font-weight: 700;
+  font-size: 1.25rem;
+  &:hover {
+    color: rgba(0, 0, 0, 0.65);
+    text-decoration: none;
+  }
+}
+
+.wc-links {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+  margin-right: -15px;
+  margin-left: -15px;
+
+  @include media-breakpoint-up(md) {
+    @supports (position: sticky) {
+      max-height: subtract(100vh, 9rem);
+      overflow-y: auto;
+    }
+  }
+
+  // Override collapse behaviors
+  @include media-breakpoint-up(md) {
+    display: block !important;
+  }
+}
+
+.wc-sidenav {
+  display: none;
+}
+
+.wc-sidebar-link {
+  display: block;
+  padding: .25rem 1.5rem;
+  font-weight: 600;
+  color: rgba(0, 0, 0, .65);
+
+  &:hover {
+    color: rgba(0, 0, 0, .85);
+    text-decoration: none;
+  }
+}
+
+.wc-sidebar-item {
+  &.active {
+    border-left: solid 4px $primary;
+    // margin-bottom: 0.5rem;
+    background-color: rgba(0, 0, 0, .025);
+
+    &:not(:first-child) {
+      // margin-top: 0.5rem;
+    }
+
+    > .wc-sidebar-link {
+      color: rgba(0, 0, 0, .85);
+
+      &:hover {
+        background-color: transparent;
+      }
+    }
+
+    > .wc-sidenav {
+      display: block;
+    }
+  }
+}
+
+// All levels of nav
+.wc-sidebar .nav > li > a {
+  display: block;
+  padding: .25rem 1.5rem;
+  @include font-size(90%);
+  color: rgba(0, 0, 0, .65);
+}
+
+.wc-sidebar .nav > li > a:hover {
+  color: rgba(0, 0, 0, .85);
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.wc-sidebar .nav > .active > a,
+.wc-sidebar .nav > .active:hover > a {
+  font-weight: 600;
+  //color: rgba(0, 0, 0, .85);
+  color: $primary;
+  background-color: transparent;
+}

data/_sass/warpcore/_syntax.scss

@@ -0,0 +1,72 @@
+.highlight {
+  .hll { background-color: #ffc; }
+  .c { color: #727272; }
+  .k { color: #069; }
+  .o { color: #555; }
+  .cm { color: #727272; }
+  .cp { color: #008085; }
+  .c1 { color: #727272; }
+  .cs { color: #727272; }
+  .gd { background-color: #fcc; border: 1px solid #c00; }
+  .ge { font-style: italic; }
+  .gr { color: #f00; }
+  .gh { color: #030; }
+  .gi { background-color: #cfc; border: 1px solid #0c0; }
+  .go { color: #aaa; }
+  .gp { color: #009; }
+  .gu { color: #030; }
+  .gt { color: #9c6; }
+  .kc { color: #069; }
+  .kd { color: #069; }
+  .kn { color: #069; }
+  .kp { color: #069; }
+  .kr { color: #069; }
+  .kt { color: #078; }
+  .m { color: #c24f19; }
+  .s { color: #d73038; }
+  .na { color: #006ee0; }
+  .nb { color: #366; }
+  .nc { color: #168174; }
+  .no { color: #360; }
+  .nd { color: #6b62de; }
+  .ni { color: #727272; }
+  .ne { color: #c00; }
+  .nf { color: #b715f4; }
+  .nl { color: #6b62de; }
+  .nn { color: #007ca5; }
+  .nt { color: #2f6f9f; }
+  .nv { color: #033; }
+  .ow { color: #000; }
+  .w { color: #bbb; }
+  .mf { color: #c24f19; }
+  .mh { color: #c24f19; }
+  .mi { color: #c24f19; }
+  .mo { color: #c24f19; }
+  .sb { color: #c30; }
+  .sc { color: #c30; }
+  .sd { font-style: italic; color: #c30; }
+  .s2 { color: #c30; }
+  .se { color: #c30; }
+  .sh { color: #c30; }
+  .si { color: #a00; }
+  .sx { color: #c30; }
+  .sr { color: #337e7e; }
+  .s1 { color: #c30; }
+  .ss { color: #fc3; }
+  .bp { color: #366; }
+  .vc { color: #033; }
+  .vg { color: #033; }
+  .vi { color: #033; }
+  .il { color: #c24f19; }
+}
+
+.css .o,
+.css .o + .nt,
+.css .nt + .nt { color: #727272; }
+
+.language-bash::before,
+.language-sh code::before {
+  color: #009;
+  content: "$ ";
+  user-select: none;
+}

data/_sass/warpcore/_toc.scss

@@ -0,0 +1,46 @@
+//
+// Right-side table of contents
+//
+
+.wc-toc {
+  @supports (position: sticky) {
+    position: sticky;
+    top: 0;
+    height: 100vh;
+    overflow-y: auto;
+  }
+  order: 2;
+  padding-top: 2rem;
+  padding-bottom: 1.5rem;
+  @include font-size(.875rem);
+}
+
+.section-nav {
+  &.nav {
+    display: block;
+  }
+  padding-left: 0;
+  border-left: 1px solid #eee;
+
+  ul {
+    padding-left: 1rem;
+  }
+}
+
+.toc-entry {
+  display: block;
+
+  a {
+    display: block;
+    padding: .125rem 1.5rem;
+    color: #77757a;
+
+    &:hover {
+      color: $blue;
+      text-decoration: none;
+    }
+    &.active {
+      color: $blue;
+    }
+  }
+}