test-kitchen 1.23.2 → 1.23.3

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

@@ -0,0 +1,73 @@
+.padding-bottom {
+  padding-bottom: 40px;
+
+  &-150 {
+    padding-bottom: 60px;
+  }
+
+  @include breakpoint(medium) {
+    padding-bottom: 65px;
+
+    &-150 {
+      padding-bottom: 90px;
+    }
+  }
+}
+
+.valign {
+  top: 50%;
+  position: relative;
+  transform: translateY(-50%);
+
+  &-large {
+      @include breakpoint(large) {
+          top: 50%;
+          position: relative;
+          transform: translateY(-50%);
+      }
+  }
+
+  &-medium {
+      @include breakpoint(medium) {
+          top: 50%;
+          position: relative;
+          transform: translateY(-50%);
+      }
+  }
+
+  &-small {
+      @include breakpoint(small) {
+          top: 50%;
+          position: relative;
+          transform: translateY(-50%);
+      }
+  }
+}
+
+.padding-top {
+  padding-top: 40px;
+
+  &-50 {
+    padding-top: 20px;
+  }
+
+  &-150 {
+    padding-top: 60px;
+  }
+
+  @include breakpoint(medium) {
+    padding-top: 65px;
+
+    &-150 {
+      padding-top: 90px;
+    }
+  }
+}
+
+.header-content {
+  margin-bottom: 43px;
+
+  &.margin-top {
+    margin-top: 43px;
+  }
+}

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

@@ -0,0 +1,71 @@
+.sidebar {
+  overflow-y: scroll;
+}
+
+#sidebar-nav {
+  > .nav {
+
+    @include breakpoint(medium) {
+      overflow: auto;
+      overflow-y: scroll;
+      height: calc(100vh - 140px);
+    };
+
+    > .accordion-menu {
+      font-size: rem-calc(15px);
+
+      > li {
+
+        > a {
+          font-weight: 700;
+
+          @include breakpoint(medium) {
+            border-radius: $border-radius-base 0 0 $border-radius-base;
+          };
+        }
+      }
+
+      .nested.is-active li.active a {
+        font-weight: normal;
+        background: none;
+        color: $blue-darker;
+      }
+
+      .nested.is-accordion-submenu {
+        margin-left: rem-calc(8);
+      }
+    }
+
+    input {
+      padding: 0.5rem 1rem;
+    }
+
+    .menu {
+      a {
+        color: $body-font-color;
+      }
+    }
+  }
+
+  .algolia-autocomplete {
+    width: 100%;
+    padding: rem-calc(0 8 0);
+
+    @include breakpoint(medium) {
+      margin-top: rem-calc(8);
+      padding: rem-calc(0 16 0 0);
+    };
+
+    .ds-dropdown-menu {
+      min-width: 300px;
+
+      @include breakpoint(medium) {
+        min-width: 500px;
+      };
+
+      .ds-suggestion {
+        margin-bottom: rem-calc(16);
+      }
+    }
+  }
+}

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

@@ -0,0 +1,125 @@
+.section-tabs {
+  @include transition();
+
+  .tabs {
+    background: none;
+    border: none;
+  }
+
+  .tabs-nav {
+    @include reset-ul();
+    border-bottom: none;
+    background: none;
+    border: none;
+
+    li {
+
+      @include breakpoint(medium) {
+        width: auto;
+        max-width: calc(33.33333% - 10px);
+
+        &:not(:last-child){
+          margin-right: 10px;
+        }
+      }
+
+      > a {
+        border-radius: 0;
+        font-size: 16px;
+        line-height: 1.5;
+        font-weight: 700;
+        padding: 12px 9px;
+        background-color: $charcoal;
+        color: white;
+        margin: 0;
+        border: 1px solid $charcoal;
+
+        &:before {
+          display: none;
+        }
+
+        @include breakpoint(small only) {
+          text-overflow: ellipsis;
+          overflow: hidden;
+          white-space: nowrap;
+        }
+
+        @include breakpoint(small) {
+          padding: 12px 15px;
+        }
+
+        @include breakpoint(medium) {
+          padding: rem-calc(16px 24px);
+        }
+
+        body:not(.touch-device) & {
+          &:hover {
+            background-color: white;
+            color: $charcoal;
+            border: 1px solid #ddd;
+          }
+        }
+
+        &:focus {
+          outline: none;
+        }
+      }
+
+      &.is-active {
+
+        @include breakpoint(small only) {
+          width: 100%;
+        }
+
+        > a {
+          background-color: white;
+          color: $charcoal;
+          border: 1px solid #ddd;
+          border-bottom: none;
+          position: relative;
+
+          @include breakpoint(small down) {
+              padding: 12px 15px;
+          }
+
+          &:after {
+            content: "";
+            position: absolute;
+            bottom: -2px;
+            left: 0;
+            width: 100%;
+            height: 3px;
+            background: white;
+          }
+        }
+      }
+    }
+  }
+
+  .tabs-content {
+    @include box-shadow();
+    background: white;
+    padding: 22px;
+    border: 1px solid #ddd;
+    margin-top: -1px;
+
+    @include breakpoint(medium) {
+      padding: rem-calc(40);
+    }
+  }
+
+  .cell {
+    a.cta {
+      display: block;
+      margin: 0 0 16px 8px;
+
+      @include breakpoint(medium) {
+        margin: 0 0 16px 38px;
+      };
+    }
+
+    img {
+      box-shadow: 0 4px 32px rgba($lightgray, 0.50);
+    }
+  }
+}

data/docs/themes/kitchen/static/sass/typography/_chroma.scss

@@ -0,0 +1,366 @@
+$chroma-background-color: $code-background;
+
+.chroma {
+  background-color: $chroma-background-color;
+
+  // Error
+  .err {
+
+  }
+
+  // LineTableTD
+  .lntd {
+    vertical-align: top;
+    padding: 0;
+    margin: 0;
+    border: 0;
+  }
+
+  // LineTable
+  .lntable {
+    border-spacing: 0;
+    padding: 0;
+    margin: 0;
+    border: 0;
+    width: auto;
+    overflow: auto;
+    display: block;
+  }
+
+  // LineHighlight
+  .hl {
+    display: block;
+    width: 100%;
+    background-color: #ffffcc;
+  }
+
+  // LineNumbersTable
+  .lnt {
+    margin-right: 0.4em;
+    padding: 0 0.4em 0 0.4em;
+  }
+
+  // LineNumbers
+  .ln {
+    margin-right: 0.4em;
+    padding: 0 0.4em 0 0.4em;
+  }
+
+  // Keyword
+  .k {
+    color: #007020;
+    font-weight: bold;
+  }
+
+  // KeywordConstant
+  .kc {
+    color: #007020;
+    font-weight: bold;
+  }
+
+  // KeywordNamespace
+  .kn {
+    color: #007020;
+    font-weight: bold;
+  }
+
+  // KeywordPseudo
+  .kp {
+    color: #007020;
+  }
+
+  // KeywordReserved
+  .kr {
+    color: #007020;
+    font-weight: bold;
+  }
+
+  // KeywordType
+  .kt {
+    color: #902000;
+  }
+
+  // NameAttribute
+  .na {
+    color: #4070a0;
+  }
+
+  // NameBuiltin
+  .nb {
+    color: #007020;
+  }
+
+  // NameClass
+  .nc {
+    color: #0e84b5;
+    font-weight: bold;
+  }
+
+  // NameConstant
+  .no {
+    color: #60add5;
+  }
+
+  // NameDecorator
+  .nd {
+    color: #555555;
+    font-weight: bold;
+  }
+
+  // NameEntity
+  .ni {
+    color: #d55537;
+    font-weight: bold;
+  }
+
+  // NameException
+  .ne {
+    color: #007020;
+  }
+
+  // NameFunction
+  .nf {
+    color: #06287e;
+  }
+
+  // NameLabel
+  .nl {
+    color: #002070;
+    font-weight: bold;
+  }
+
+  // NameNamespace
+  .nn {
+    color: #0e84b5;
+    font-weight: bold;
+  }
+
+  // NameTag
+  .nt {
+    color: #062873;
+    font-weight: bold;
+  }
+
+  // NameVariable
+  .nv {
+    color: #bb60d5;
+  }
+
+  // LiteralString
+  .s {
+    color: #4070a0;
+  }
+
+  // LiteralStringAffix
+  .sa {
+    color: #4070a0;
+  }
+
+  // LiteralStringBacktick
+  .sb {
+    color: #4070a0;
+  }
+
+  // LiteralStringChar
+  .sc {
+    color: #4070a0;
+  }
+
+  // LiteralStringDelimiter
+  .dl {
+    color: #4070a0;
+  }
+
+  // LiteralStringDoc
+  .sd {
+    color: #4070a0;
+    font-style: italic;
+  }
+
+  // LiteralStringDouble
+  .s2 {
+    color: #4070a0;
+  }
+
+  // LiteralStringEscape
+  .se {
+    color: #4070a0;
+    font-weight: bold;
+  }
+
+  // LiteralStringHeredoc
+  .sh {
+    color: #4070a0;
+  }
+
+  // LiteralStringInterpol
+  .si {
+    color: #70a0d0;
+    font-style: italic;
+  }
+
+  // LiteralStringOther
+  .sx {
+    color: #c65d09;
+  }
+
+  // LiteralStringRegex
+  .sr {
+    color: #235388;
+  }
+
+  // LiteralStringSingle
+  .s1 {
+    color: #4070a0;
+  }
+
+  // LiteralStringSymbol
+  .ss {
+    color: #517918;
+  }
+
+  // LiteralNumber
+  .m {
+    color: #40a070;
+  }
+
+  // LiteralNumberBin
+  .mb {
+    color: #40a070;
+  }
+
+  // LiteralNumberFloat
+  .mf {
+    color: #40a070;
+  }
+
+  // LiteralNumberHex
+  .mh {
+    color: #40a070;
+  }
+
+  // LiteralNumberInteger
+  .mi {
+    color: #40a070;
+  }
+
+  // LiteralNumberIntegerLong
+  .il {
+    color: #40a070;
+  }
+
+  // LiteralNumberOct
+  .mo {
+    color: #40a070;
+  }
+
+  // Operator
+  .o {
+    color: #666666;
+  }
+
+  // OperatorWord
+  .ow {
+    color: #007020;
+    font-weight: bold;
+  }
+
+  // Comment
+  .c {
+    color: #60a0b0;
+    font-style: italic;
+  }
+
+  // CommentHashbang
+  .ch {
+    color: #60a0b0;
+    font-style: italic;
+  }
+
+  // CommentMultiline
+  .cm {
+    color: #60a0b0;
+    font-style: italic;
+  }
+
+  // CommentSingle
+  .c1 {
+    color: #60a0b0;
+    font-style: italic;
+  }
+
+  // CommentSpecial
+  .cs {
+    color: #60a0b0;
+    background-color: #fff0f0;
+  }
+
+  // CommentPreproc
+  .cp {
+    color: #007020;
+  }
+
+  // CommentPreprocFile
+  .cpf {
+    color: #007020;
+  }
+
+  // GenericDeleted
+  .gd {
+    color: #a00000;
+  }
+
+  // GenericEmph
+  .ge {
+    font-style: italic;
+  }
+
+  // GenericError
+  .gr {
+    color: #ff0000;
+  }
+
+  // GenericHeading
+  .gh {
+    color: #000080;
+    font-weight: bold;
+  }
+
+  // GenericInserted
+  .gi {
+    color: #00a000;
+  }
+
+  // GenericOutput
+  .go {
+    color: #888888;
+  }
+
+  // GenericPrompt
+  .gp {
+    color: #c65d09;
+    font-weight: bold
+  }
+
+  // GenericStrong
+  .gs {
+    font-weight: bold
+  }
+
+  // GenericSubheading
+  .gu {
+    color: #800080;
+    font-weight: bold
+  }
+
+  // GenericTraceback
+  .gt {
+    color: #0044dd
+  }
+
+  // TextWhitespace
+  .w {
+    color: #bbbbbb
+  }
+
+}