test-kitchen 1.23.2 → 1.23.3

data/docs/themes/kitchen/static/sass/kitchen/_homepage.scss

@@ -0,0 +1,27 @@
+#main-content {
+  background-color: $white;
+
+  @include breakpoint(medium) {
+    background-color: $sidebargray;
+  }
+}
+
+#hero {
+  padding: rem-calc(48) 0 rem-calc(96);
+  background-color: $white;
+
+  p {
+    margin-bottom: rem-calc(32);
+  }
+
+  img {
+    margin-top: rem-calc(32);
+    max-width: 100%;
+    width: 100%;
+    border-radius: $border-radius-base;
+
+    @include breakpoint(large) {
+      margin-top: 0;
+    };
+  }
+}

data/docs/themes/kitchen/static/sass/kitchen/_utility-bar.scss

@@ -0,0 +1,173 @@
+nav {
+  &.utility-bar {
+    position: relative;
+    background-color: $charcoal;
+    height: rem-calc(50px);
+    margin: 0;
+    padding: 0;
+    font-size: 13px;
+    z-index: 10;
+
+    .utility-bar {
+      &-wrapper {
+        background-color: $charcoal;
+        border-radius: 4px;
+        position: relative;
+        top: rem-calc(8px);
+      }
+
+      &-button {
+        color: $white;
+        background: rgba(255,255,255,0.1);
+        border-radius: 4px;
+        height: rem-calc(34px);
+        padding: rem-calc(8px 16px);
+        cursor: pointer;
+
+        .chef-logo {
+          width: 57px;
+          height: 18px;
+          display: inline-block;
+          background-repeat: no-repeat;
+          background-size: 100% 100%;
+          background-position: center center;
+          background-image: url("/images/chef-logo-white.svg");
+          margin-bottom: -5px;
+        }
+
+        .arrow {
+          background: none;
+          border: none;
+          padding: 0 0 0 5px;
+          margin: 0;
+
+          @include breakpoint(small down) {
+            right: 11px;
+          }
+
+          &:after {
+            @include fa-icon;
+            @extend .fas;
+            content: fa-content($fa-var-angle-down);
+            font-size: 16px;
+            color: #a0a0a0;
+            position: relative;
+            top: 0;
+          }
+
+          &:focus {
+            outline: none;
+          }
+        }
+      }
+
+      &-content {
+        display: none;
+        padding: 0;
+        margin-top: rem-calc(7px);
+        border-top: 1px solid $ash;
+
+        p {
+          margin: 0;
+          display: inline-block;
+        }
+
+        a {
+          color: $body-font-color;
+        }
+
+        .oss-projects {
+          > div {
+            padding: rem-calc(28px 15px);
+
+            &:not(:last-child) {
+              @include breakpoint(small only) {
+                border-bottom: 1px solid $ash;
+              }
+
+              @include breakpoint(medium) {
+                border-right: 1px solid $ash;
+              }
+            }
+          }
+
+          img {
+            margin-bottom: 15px;
+
+            &.inspec {
+              top: -7px;
+              position: relative;
+            }
+
+            &.habitat {
+              top: 9px;
+              position: relative;
+            }
+          }
+        }
+
+        .automate {
+          background-color: rgba(236, 239, 241, 0.5);
+          padding: rem-calc(28px 55px 28px 15px);
+          position: relative;
+
+          img {
+            float: left;
+            margin-right: rem-calc(20px);
+          }
+
+          .with-arrow-button {
+            padding-right: 53px;
+
+            &:after {
+              @include fa-icon;
+              @extend .fas;
+              content: fa-content($fa-var-angle-right);
+              font-size: 16px;
+              color: $charcoal;
+              position: absolute;
+              top: 50%;
+              height: 30px;
+              background-color: $orange;
+              border-radius: 50%;
+              display: block;
+              width: 30px;
+              transform: translateY(-50%);
+              right: 15px;
+              line-height: 27px;
+              text-align: center;
+              padding-left: 1px;
+              padding-top: 1px;
+            }
+          }
+        }
+
+        .footer {
+          text-align: right;
+          padding: rem-calc(15px 10px);
+        }
+      }
+    }
+
+    &.active {
+      .utility-bar {
+        &-wrapper {
+          background-color: $white;
+          @include box-shadow();
+        }
+
+        &-button {
+          color: $charcoal;
+
+          .chef-logo {
+            background-image: url("/images/chef-logo.svg");
+          }
+        }
+
+        &-content {
+          display: flex;
+        }
+      }
+    }
+  }
+}

data/docs/themes/kitchen/static/sass/partials/_alerts.scss

@@ -0,0 +1,32 @@
+@mixin alert($color: $info-color) {
+  @include callout($color);
+
+  > p {
+    padding: 0px;
+    margin: 0px;
+  }
+}
+
+.alert {
+  @include alert;
+
+  &-info {
+    @include alert($info-color);
+  }
+
+  &-tip {
+    @include alert($info-color);
+  }
+
+  &-success {
+    @include alert($success-color);
+  }
+
+  &-warning {
+    @include alert($warning-color);
+  }
+
+  &-danger {
+    @include alert($alert-color);
+  }
+}

data/docs/themes/kitchen/static/sass/partials/_bg.scss

@@ -0,0 +1,19 @@
+.bg-white {
+	background-color: white;
+}
+
+.bg-charcoal {
+  background-color: $charcoal;
+}
+
+.bg-ash {
+	background-color: $ash;
+}
+
+.bg-gray {
+	background-color: $sidebargray;
+}
+
+.bg-cover {
+  @include bg-cover();
+}

data/docs/themes/kitchen/static/sass/partials/_blurbs.scss

@@ -0,0 +1,25 @@
+#blurbs {
+  margin: rem-calc(64) auto rem-calc(24);
+
+  .cell {
+
+    @include breakpoint(medium) {
+      border-left: 1px solid $menu-item-background-active;
+    };
+
+    &:first-child {
+      border-left: none;
+    }
+  }
+
+  p {
+    margin: rem-calc(24) auto rem-calc(40);
+    width: rem-calc(270);
+
+
+    @include breakpoint(medium) {
+      margin: rem-calc(24) auto rem-calc(8);
+      width: auto;
+    };
+  }
+}

data/docs/themes/kitchen/static/sass/partials/_callout.scss

@@ -0,0 +1,15 @@
+.callout-section {
+  background-color: $charcoal;
+
+  h2, h4, p, li .title {
+    color: $white;
+  }
+
+  p {
+    margin-bottom: rem-calc(40);
+  }
+
+  ul.bordered-items {
+    margin-bottom: 0;
+  }
+}

data/docs/themes/kitchen/static/sass/partials/_cards.scss

@@ -0,0 +1,54 @@
+.cards {
+  .svg-inline--fa, .cell > .fas {
+    margin-bottom: rem-calc(15px);
+    color: $blue;
+  }
+
+  .boxed {
+    @include box-shadow();
+    height: 100%;
+    border: 1px solid $ash;
+    background-color: white;
+    padding: rem-calc(24px 24px 64px);
+    position: relative;
+
+    &:after {
+      content: "";
+      height: 6px;
+      width: 0;
+      display: block;
+      position: absolute;
+      bottom: 0;
+      background: orange;
+      left: 0;
+      @include transition();
+    }
+
+    .icon {
+      margin-bottom: rem-calc(24);
+      height: 32px;
+    }
+
+    .h6 {
+      margin-bottom: rem-calc(16);
+    }
+
+    .cta {
+      position: absolute;
+      bottom: rem-calc(24);
+      color: $orange-darker;
+
+      &:hover {
+        color: $orange !important;
+      }
+    }
+
+    body:not(.touch-device) & {
+      &:hover {
+        &:after {
+          width: 100%;
+        }
+      }
+    }
+  }
+}

data/docs/themes/kitchen/static/sass/partials/_dropdown.scss

@@ -0,0 +1,77 @@
+.section-overlay-dropdown {
+
+  .overlay-dropdown {
+    margin: -30px auto 0;
+    width: 300px;
+
+    @include breakpoint(medium) {
+      width: 660px;
+    }
+
+    @include breakpoint(large) {
+      width: 780px;
+    }
+  }
+
+  button.overlay-dropdown-bar {
+    position: relative;
+    width: 100%;
+    background-color: $charcoal;
+    border-radius: $border-radius-base;
+    color: $white;
+    padding: rem-calc(16px 48px 16px 24px);
+    cursor: pointer;
+    text-align: left;
+
+    @include breakpoint(medium) {
+      padding: rem-calc(16px 48px 16px 32px);
+    };
+
+    & p {
+      display: inline;
+    }
+
+    .dropdown-icon {
+      position: absolute;
+      right: rem-calc(24);
+      top: rem-calc(20);
+      @include transition();
+
+      @include breakpoint(medium) {
+        right: rem-calc(32);
+      };
+    }
+
+    &.hover {
+      border-radius: $border-radius-base $border-radius-base 0 0;
+      .dropdown-icon {
+        @include transform(rotate(180deg));
+      }
+    }
+  }
+
+  .overlay-dropdown-content {
+    @include transition();
+
+    border: transparent;
+    border: none;
+    border-radius: 0 0 $border-radius-base $border-radius-base;
+    box-shadow: none;
+
+    width: 300px;
+    padding: rem-calc(8 24 24);
+
+    @include breakpoint(medium) {
+      padding: rem-calc(8 32 32);
+      width: 660px;
+    }
+
+    @include breakpoint(large) {
+      width: 780px;
+    }
+
+    p, li {
+      color: $white;
+    }
+  }
+}

data/docs/themes/kitchen/static/sass/partials/_grid.scss

@@ -0,0 +1,87 @@
+.off-canvas-wrapper {
+  overflow: visible;
+}
+
+.off-canvas-content {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+}
+
+#utility-bar, #menu, #footer {
+  flex-shrink: 0;
+}
+
+#main-content {
+  // Make sure the header offset does not layer above the nav
+  z-index: 0;
+
+  flex: 1 0 auto;
+
+  > .grid-container {
+    height: 100%;
+
+    > .grid-x {
+      height: 100%;
+    }
+  }
+
+  .col-sidebar {
+    margin-top: rem-calc(24);
+    padding: rem-calc(8 0);
+    background-color: $sidebargray;
+
+    @include breakpoint(medium) {
+      margin-top: 0;
+    }
+
+    .sticky.is-stuck {
+      z-index: 1;
+    }
+  }
+
+  .col-content {
+    padding-top: rem-calc(48);
+    background-color: $white;
+    height: 100%;
+    word-wrap: break-word;
+    min-height: 100vh;
+
+    @include breakpoint(medium) {
+      padding: rem-calc(40 0 40 32);
+    }
+
+    p img {
+      margin-bottom: rem-calc(32);
+    }
+
+    a {
+
+      .fa-link {
+        margin-left: rem-calc(8);
+        color: $lightgray;
+        vertical-align: middle;
+        font-size: 14px !important;
+      }
+
+      &:hover .fa-link {
+        color: $blue-darker;
+      }
+    }
+  }
+}
+
+.has-sidebar {
+  @include breakpoint(medium) {
+    #main-content {
+      position: relative;
+      background: linear-gradient(90deg, $sidebargray 50%, $white 50%);
+    }
+  }
+}
+
+@include breakpoint(small only) {
+  body {
+    overflow-x: hidden;
+  }
+}