test-kitchen 1.23.2 → 1.23.3

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

@@ -0,0 +1,24 @@
+
+@import "variables";
+@import "foundation";
+@include foundation-everything;
+
+@import "mixins";
+@import "typography";
+@import "buttons";
+@import "forms";
+
+body {
+	@include font-smoothing();
+  @include base-type();
+}
+
+@import "partials/alerts";
+@import "partials/grid";
+@import "partials/bg";
+@import "partials/cards";
+@import "partials/callout";
+@import "partials/padding";
+@import "partials/sidebar";
+@import "partials/tabs";
+@import "partials/blurbs";

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

@@ -0,0 +1,14 @@
+input[type=text] {
+  padding: rem-calc(8 16);
+  color: $input-color;
+  border-radius: $border-radius-base;
+
+  &:focus {
+    border: 1px solid $lightgray;
+    box-shadow: 0 0 16px $ash;
+  }
+
+  &::placeholder {
+    color: $input-placeholder-color;
+  }
+}

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

@@ -0,0 +1,133 @@
+@import 'util/mixins';
+
+// Font smoothing mixin
+@mixin font-smoothing() {
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-rendering: optimizeLegibility;
+}
+
+
+//font calling
+@mixin muli($weight:null){
+  font-family: 'Muli', sans-serif;
+
+	@if($weight){
+		font-weight: $weight;
+	}
+}
+
+//base typography
+@mixin base-type(){
+	@include muli();
+	font-size: 16px;
+	line-height: 1.75;
+	font-weight: normal;
+	letter-spacing: 0.5px;
+}
+
+//animation
+@mixin transition($speed:0.15s) {
+	transition: all $speed ease-in-out;
+}
+
+//button
+@mixin button() {
+	box-sizing: border-box;
+	margin: 0;
+	padding: 0;
+	border: none;
+	border-radius: $border-radius-base;
+	outline: none;
+	background: none;
+	text-decoration: none;
+
+	@include muli();
+	@include transition();
+
+	font-size: 16px;
+  line-height: 1.6;
+  color: $charcoal;
+  font-weight: 700;
+  padding: 11px 36px;
+  background-color: $orange;
+	display: inline-block;
+	text-align: center;
+
+	body:not(.touch-device) & {
+		&:hover {
+			text-decoration: none;
+			color: $charcoal;
+			background-color: $orange-lighter;
+		}
+	}
+
+
+	&:visited {
+		color: $charcoal;
+	}
+
+	&:active, &:focus {
+		outline: none;
+		text-decoration: none;
+	}
+}
+
+//bg cover
+@mixin bg-cover() {
+  background-position: center center;
+  background-size: cover;
+  background-repeat: no-repeat;
+}
+
+// fluid font size for shrinking fonts
+@function strip-unit($value) {
+  @return $value / ($value * 0 + 1);
+}
+
+//gradients
+@mixin gradient($left, $right, $dir:""){
+	@if($dir != ""){
+		background: linear-gradient($dir, $left, $right);
+	}
+	@else {
+		background: linear-gradient(to right, $left, $right);
+	}
+
+}
+
+@mixin fas() {
+	font-family: "Font Awesome 5 Solid";
+}
+
+@mixin transform($v){
+  -ms-transform: ($v);
+  -moz-transform: ($v);
+  -webkit-transform: ($v);
+  transform: ($v);
+}
+
+@mixin transform-origin($x){
+	-moz-transform-origin: $x;
+	-ms-transform-origin: $x;
+	-webkit-transform-origin: $x;
+	transform-origin: $x;
+}
+
+@mixin reset-ul(){
+	margin: 0;
+	padding: 0;
+
+	li {
+		padding: 0;
+		margin: 0;
+
+		&:before {
+			display: none;
+		}
+	}
+}
+
+@mixin box-shadow(){
+	box-shadow: 0 8px 24px 0 rgba(0,0,0,0.08);
+}

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

@@ -0,0 +1,34 @@
+$regular: 400;
+$semibold: 600;
+$bold: 700;
+$extrabold: 800;
+
+@font-face {
+  font-family: 'Muli';
+  font-weight: $regular;
+  src: url('/fonts/Muli-Regular.ttf');
+}
+
+@font-face {
+  font-family: 'Muli';
+  font-weight: $semibold;
+  src: url('/fonts/Muli-SemiBold.ttf');
+}
+
+@font-face {
+  font-family: 'Muli';
+  font-weight: $bold;
+  src: url('/fonts/Muli-Bold.ttf');
+}
+
+@import "vendor/fontawesome/fontawesome.scss";
+@import "vendor/fontawesome/fa-solid.scss";
+@import "vendor/fontawesome/fa-brands.scss";
+
+@import "typography/code";
+@import "typography/headers";
+@import "typography/links";
+@import "typography/lists";
+@import "typography/prose";
+@import "typography/text";
+

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

@@ -0,0 +1,82 @@
+// Foundation overrides
+// https://raw.githubusercontent.com/zurb/foundation-sites/master/scss/settings/_settings.scss
+
+// TODO: Pull these colors into Sass variables.
+
+$charcoal: #424242;
+$blue: #92C1E9;
+  $blue-darker: #2a7ab0;
+$orange: #EF9600;
+  $orange-lighter: #f9a51d;
+  $orange-darker: #e58e00;
+$lightgray: #BABDBE;
+$sidebargray: #f4f5f7;
+$ash: #ECEFF1;
+$slate: #243541;
+$slate-light: #627b8f;
+$footer-text: #f3f6f8;
+$white: #FFFFFF;
+
+$fa-font-path: "/fonts/fontawesome";
+$font-family-monospace: "Consolas","Inconsolata","Menlo","Monaco","Courier New","monospace";
+
+$grid-container-max: rem-calc(1400);
+$body-font-color: #424242;
+$body-font-family: Muli, sans-serif;
+$border-radius-base: 4px;
+$topbar-background: #fff;
+$code-border: transparent;
+$code-background: rgba(237, 237, 237, 0.5);
+$code-font-weight: 300;
+$menu-item-color-active:#424242;
+$menu-item-background-active: #e0e1e5;
+$accordionmenu-arrow-color: #898a8d;
+$input-border: 1px solid #eceff1;
+$input-color: $body-font-color;
+$input-placeholder-color: rgba($input-color, 0.5);
+$input-font-size: .94rem;
+$input-shadow: none;
+$dropdown-background: $charcoal;
+$offcanvas-background: $white;
+$tab-content-padding: 0;
+
+$callout-font-color: $body-font-color;
+$callout-radius: $border-radius-base;
+$callout-padding: .5rem 1rem;
+$callout-margin: .5rem 0 1rem 0;
+$info-color: $blue-darker;
+
+$foundation-palette: (
+  primary: $blue-darker,
+  secondary: #767676,
+  success: #3adb76,
+  warning: #ffae00,
+  alert: #cc4b37,
+);
+
+$breakpoints: (
+  small: 0px,
+  medium: 768px,
+  large: 991px,
+  xlarge: 1200px,
+  xxlarge: 1440px,
+);
+
+$header-styles: (
+  'small': (
+    'h1': ('font-size': 24),
+    'h2': ('font-size': 20),
+    'h3': ('font-size': 18),
+    'h4': ('font-size': 16),
+    'h5': ('font-size': 14),
+    'h6': ('font-size': 14),
+  ),
+  'medium': (
+    'h1': ('font-size': 36),
+    'h2': ('font-size': 32),
+    'h3': ('font-size': 24),
+    'h4': ('font-size': 18),
+    'h5': ('font-size': 16),
+    'h6': ('font-size': 16),
+  )
+);

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

@@ -0,0 +1,7 @@
+@charset "utf-8";
+
+@import "core";
+
+@import "kitchen/header";
+@import "kitchen/footer";
+@import "kitchen/homepage";

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

@@ -0,0 +1,50 @@
+nav > footer {
+  background-color: $body-font-color;
+  padding: rem-calc(32px 0px);
+
+  .logo {
+    margin-left: rem-calc(16);
+
+    img {
+      width: 100px;
+    }
+
+    a {
+      opacity: 1;
+      padding-left: 0;
+
+      &:hover {
+        opacity: 1;
+      }
+    }
+  }
+
+  .legal {
+    color: $footer-text;
+    opacity: 0.4;
+    font-size: 12px;
+    line-height: 1.4;
+    margin: rem-calc(16) 0 0 rem-calc(16);
+  }
+
+  .menu {
+    margin-top: rem-calc(32);
+
+    li {
+      font-size: 14px;
+
+      a {
+        color: $footer-text;
+        opacity: 0.7;
+
+        &:last-child {
+          padding-right: 0px;
+        }
+
+        &:hover {
+          opacity: 1;
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,187 @@
+nav {
+
+  &.is-stuck {
+    // Make sure sticky nav is above all other elements on the page
+    z-index: 20 !important;
+
+    @include transition();
+
+    header {
+      border-bottom: 1px solid $ash;
+
+      #header-logo {
+
+        img {
+          @include transition();
+          padding: 8px 0;
+          width: 90px;
+          margin-top: 2px;
+        }
+      }
+
+      #header-menu {
+        margin-bottom: 0px;
+      }
+    }
+  }
+
+  header {
+    background-color: $white;
+
+    #header-logo {
+      img {
+        padding: 24px 0;
+        width: 121px;
+      }
+    }
+
+    #header-menu {
+      margin-bottom: rem-calc(24);
+
+      .pre {
+        font-size: 14px;
+        color: $blue;
+        margin-right: 5px;
+      }
+
+      ul.menu {
+        li {
+          text-transform: uppercase;
+        }
+
+        a {
+          // Override Foundation Defaults to get the styling we want
+          background-color: $white !important;
+
+          color: $body-font-color;
+          font-weight: 700;
+          font-size: 15px;
+          opacity: 0.7;
+          transition: opacity 0.2s;
+
+          &:hover {
+            opacity: 1;
+            color: $body-font-color;
+          }
+        }
+      }
+
+      @include breakpoint(small only) {
+        ul.menu {
+          margin: 0;
+          padding-bottom: rem-calc(16);
+          border-bottom: 1px solid $lightgray;
+
+          li {
+            &.active {
+              a {
+                border-left: 3px solid $blue;
+              }
+            }
+          }
+
+          a {
+            border-left: 3px solid $white;
+          }
+        }
+      }
+
+      @include breakpoint(medium) {
+        ul.menu {
+          height: 100%;
+          float: right;
+          margin: rem-calc(0px 24px 0 32px);
+
+          li {
+            text-transform: uppercase;
+            margin-right: rem-calc(30px);
+
+            &:last-child {
+              margin-right: 0px;
+            }
+
+            &.active {
+              position: relative;
+
+              &:after {
+                content: "";
+                height: 3px;
+                width: 100%;
+                background-color: $blue;
+                position: absolute;
+                bottom: 0;
+                left: 0;
+              }
+
+              a {
+                opacity: 1;
+              }
+            }
+
+            a {
+              // Override Foundation Defaults to get the styling we want
+              top: 50%;
+              position: relative;
+              transform: translateY(-50%);
+              padding: 0 !important;
+            }
+          }
+        }
+      }
+
+      @include breakpoint(large) {
+        ul.menu {
+          margin: rem-calc(0px 0 0 32px);
+        }
+      };
+    }
+
+    #header-toggle {
+      @include breakpoint(medium) {
+        display: none;
+      }
+
+      text-align: center;
+
+      button {
+        color: $charcoal;
+        cursor: pointer;
+      }
+    }
+  }
+}
+
+.has-sidebar {
+  @include breakpoint(medium) {
+    header {
+      background: $white;
+      border-bottom: 1px solid $sidebargray;
+    }
+
+    #header-menu {
+      margin-bottom: 0;
+      background-color: $white;
+
+      ul.menu {
+        float: right;
+
+        li a {
+          padding: rem-calc(16) 0 rem-calc(24) !important;
+        }
+      }
+    }
+  }
+
+  @include breakpoint(large) {
+    header {
+      background: linear-gradient(90deg, $sidebargray 50%, $white 50%);
+    }
+
+    #header-menu ul.menu {
+      float: left;
+    }
+  }
+}
+
+
+@import "utility-bar";