kiso_themes 1.0.2

data/lib/sass/kiso_themes/_core/plugins/_plugin-nouislider.scss

@@ -0,0 +1,351 @@
+/*! nouislider - 9.1.0 - 2016-12-10 16:00:32 */
+
+
+/* Functional styling;
+ * These styles are required for noUiSlider to function.
+ * You don't need to change these rules to apply your design.
+ */
+.noUi-target,
+.noUi-target * {
+-webkit-touch-callout: none;
+-webkit-tap-highlight-color: rgba(0,0,0,0);
+-webkit-user-select: none;
+-ms-touch-action: none;
+	touch-action: none;
+-ms-user-select: none;
+-moz-user-select: none;
+	user-select: none;
+-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+.noUi-target {
+	position: relative;
+	direction: ltr;
+}
+.noUi-base {
+	width: 100%;
+	height: 100%;
+	position: relative;
+	z-index: 1; /* Fix 401 */
+}
+.noUi-connect {
+	position: absolute;
+	right: 0;
+	top: 0;
+	left: 0;
+	bottom: 0;
+}
+.noUi-origin {
+	position: absolute;
+	height: 0;
+	width: 0;
+}
+.noUi-handle {
+	position: relative;
+	z-index: 1;
+}
+.noUi-state-tap .noUi-connect,
+.noUi-state-tap .noUi-origin {
+-webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
+	transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
+}
+.noUi-state-drag * {
+	cursor: inherit !important;
+}
+
+/* Painting and performance;
+ * Browsers can paint handles in their own layer.
+ */
+.noUi-base,
+.noUi-handle {
+	-webkit-transform: translate3d(0,0,0);
+	transform: translate3d(0,0,0);
+}
+
+/* Slider size and handle placement;
+ */
+.noUi-horizontal {
+	height: 1px;
+}
+.noUi-horizontal .noUi-handle {
+    border-radius: 50%;
+	background-color: $white-color;
+	box-shadow: 0 1px 13px 0 rgba(0, 0, 0, 0.2);
+	height:15px;
+	width:15px;
+	cursor:pointer;
+    margin-left: -10px;
+    margin-top: -7px;
+}
+.noUi-vertical {
+	width: 18px;
+}
+.noUi-vertical .noUi-handle {
+	width: 28px;
+	height: 34px;
+	left: -6px;
+	top: -17px;
+}
+
+/* Styling;
+ */
+.noUi-target {
+	background-color: rgba(182, 182, 182, .3);
+	border-radius: 3px;
+}
+.noUi-connect {
+	background: $default-color;
+    border-radius: 3px;
+-webkit-transition: background 450ms;
+	transition: background 450ms;
+}
+
+/* Handles and cursors;
+ */
+.noUi-draggable {
+	cursor: ew-resize;
+}
+.noUi-vertical .noUi-draggable {
+	cursor: ns-resize;
+}
+.noUi-handle {
+	// border: 1px solid #D9D9D9;
+	border-radius: 3px;
+	background: #FFF;
+	cursor: default;
+	box-shadow: inset 0 0 1px #FFF,
+				inset 0 1px 7px #EBEBEB,
+				0 3px 6px -3px #BBB;
+	-webkit-transition: $general-transition-time $transition-ease;
+    -moz-transition: $general-transition-time $transition-ease;
+    -ms-transition: $general-transition-time $transition-ease;
+    -o-transform: $general-transition-time $transition-ease;
+    transition: $general-transition-time $transition-ease;
+}
+.noUi-active {
+	-webkit-transform: scale3d(1.5,1.5,1);
+    -moz-transform: scale3d(1.5,1.5,1);
+    -ms-transform: scale3d(1.5,1.5,1);
+    -o-transform: scale3d(1.5,1.5,1);
+    transform: scale3d(1.5,1.5,1);
+}
+
+/* Disabled state;
+ */
+
+[disabled] .noUi-connect {
+	background: #B8B8B8;
+}
+[disabled].noUi-target,
+[disabled].noUi-handle,
+[disabled] .noUi-handle {
+	cursor: not-allowed;
+}
+
+/* Base;
+ *
+ */
+.noUi-pips,
+.noUi-pips * {
+-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+.noUi-pips {
+	position: absolute;
+	color: #999;
+}
+
+/* Values;
+ *
+ */
+.noUi-value {
+	position: absolute;
+	text-align: center;
+}
+.noUi-value-sub {
+	color: #ccc;
+	font-size: 10px;
+}
+
+/* Markings;
+ *
+ */
+.noUi-marker {
+	position: absolute;
+	background: #CCC;
+}
+.noUi-marker-sub {
+	background: #AAA;
+}
+.noUi-marker-large {
+	background: #AAA;
+}
+
+/* Horizontal layout;
+ *
+ */
+.noUi-pips-horizontal {
+	padding: 10px 0;
+	height: 80px;
+	top: 100%;
+	left: 0;
+	width: 100%;
+}
+.noUi-value-horizontal {
+	-webkit-transform: translate3d(-50%,50%,0);
+	transform: translate3d(-50%,50%,0);
+}
+
+.noUi-marker-horizontal.noUi-marker {
+	margin-left: -1px;
+	width: 2px;
+	height: 5px;
+}
+.noUi-marker-horizontal.noUi-marker-sub {
+	height: 10px;
+}
+.noUi-marker-horizontal.noUi-marker-large {
+	height: 15px;
+}
+
+/* Vertical layout;
+ *
+ */
+.noUi-pips-vertical {
+	padding: 0 10px;
+	height: 100%;
+	top: 0;
+	left: 100%;
+}
+.noUi-value-vertical {
+	-webkit-transform: translate3d(0,50%,0);
+	transform: translate3d(0,50%,0);
+	padding-left: 25px;
+}
+
+.noUi-marker-vertical.noUi-marker {
+	width: 5px;
+	height: 2px;
+	margin-top: -1px;
+}
+.noUi-marker-vertical.noUi-marker-sub {
+	width: 10px;
+}
+.noUi-marker-vertical.noUi-marker-large {
+	width: 15px;
+}
+
+.noUi-tooltip {
+	display: block;
+	position: absolute;
+	border: 1px solid #D9D9D9;
+	border-radius: 3px;
+	background: #fff;
+	color: #000;
+	padding: 5px;
+	text-align: center;
+}
+.noUi-horizontal .noUi-tooltip {
+-webkit-transform: translate(-50%, 0);
+    transform: translate(-50%, 0);
+    left: 50%;
+    bottom: 120%;
+}
+.noUi-vertical .noUi-tooltip {
+-webkit-transform: translate(0, -50%);
+    transform: translate(0, -50%);
+    top: 50%;
+    right: 120%;
+}
+
+
+.slider {
+
+	&.slider-neutral{
+		& .noUi-connect,
+        &.noUi-connect{
+            background-color: $white-color;
+        }
+
+		&.noUi-target{
+			background-color: rgba(255,255,255, .3);
+		}
+
+		& .noUi-handle{
+			background-color: $white-color;
+		}
+	}
+
+	&.slider-primary{
+		& .noUi-connect,
+        &.noUi-connect{
+            background-color: $primary-color;
+        }
+
+		&.noUi-target{
+			background-color: $primary-color-opacity;
+		}
+
+		& .noUi-handle{
+			background-color: $brand-primary;
+		}
+	}
+
+    &.slider-info{
+        & .noUi-connect,
+        &.noUi-connect{
+            background-color: $brand-info;
+        }
+
+		&.noUi-target{
+			background-color: $info-color-opacity;
+		}
+
+		& .noUi-handle{
+			background-color: $brand-info;
+		}
+    }
+    &.slider-success{
+        & .noUi-connect,
+        &.noUi-connect{
+            background-color: $brand-success;
+        }
+
+        &.noUi-target{
+			background-color: $success-color-opacity;
+		}
+
+		& .noUi-handle{
+			background-color: $brand-success;
+		}
+    }
+    &.slider-warning{
+        & .noUi-connect,
+        &.noUi-connect{
+            background-color: $brand-warning;
+        }
+
+        &.noUi-target{
+			background-color: $warning-color-opacity;
+		}
+
+		& .noUi-handle{
+			background-color: $brand-warning;
+		}
+    }
+    &.slider-danger{
+        & .noUi-connect,
+        &.noUi-connect{
+            background-color: $brand-danger;
+        }
+
+        &.noUi-target{
+			background-color: $danger-color-opacity;
+		}
+
+		& .noUi-handle{
+			background-color: $brand-danger;
+		}
+    }
+
+}

data/lib/sass/kiso_themes/auriga/_cards.scss

@@ -0,0 +1,3 @@
+.card {
+  border: 1px solid $navbar-background;
+}

data/lib/sass/kiso_themes/auriga/_font_family.scss

@@ -0,0 +1 @@
+@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700,900');

data/lib/sass/kiso_themes/auriga/_tables.scss

@@ -0,0 +1,54 @@
+.thead {
+  th {
+    color: $table-dark-color;
+    background-color: $table-dark-bg;
+  }
+}
+
+.table {
+  color: $table-dark-color;
+  background-color: $table-dark-bg;
+
+  th,
+  td,
+  thead th {
+    border-color: $table-dark-border-color;
+  }
+
+  &.table-bordered {
+    border: 0;
+  }
+
+  &.table-striped {
+    tbody tr:nth-of-type(odd) {
+      background-color: $table-dark-accent-bg;
+    }
+  }
+
+  &.table-hover {
+    tbody tr {
+      @include hover {
+        background-color: $table-dark-hover-bg;
+      }
+    }
+  }
+}
+
+.table th,
+.table td {
+  vertical-align: middle;
+}
+
+.table-striped {
+  tbody tr:nth-of-type(odd) {
+    background-color: $gray-200;
+  }
+}
+
+.table-hover {
+  tbody {
+    tr:hover {
+      background-color: $gray-400;
+    }
+  }
+}

data/lib/sass/kiso_themes/auriga/styles/_blue_variables.scss

@@ -0,0 +1,102 @@
+$sans-serif-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
+
+// Border thicknesses
+$none: 0 !default;
+$border-thin: 1px !default;
+$border-thick: 2px !default;
+
+// Whites
+$white-color: #fdfcfc !default;
+$white-bg: #fff !default;
+
+// Blacks
+$black-bg: #202942;
+$light-black: #444 !default;
+$black-color: #2c2c2c !default;
+$black-hr: #444 !default;
+$dark-color: $black-color;
+
+// Backgrounds
+$main-bg: #151b31;
+$dark-background: #555 !default;
+
+@include theme-colors((
+ text-color: #95a0bd,
+ brand-default: #242a3d,
+ brand-primary: #2aa2ef,
+ brand-success: #73c16b,
+ brand-info: #5cc6d2,
+ brand-warning: #e08e45,
+ brand-danger: #c55e5e,
+ brand-light: #2e364f,
+ brand-dark: $dark-color,
+
+ sidenav-menu-bg: #1e253d,
+ sidenav-header-bg: #1e253d,
+ sidenav-header-link: lighten(#95a0bd, 25%),
+ sidenav-color: #9ccbf9,
+ sidenav-menu-item-bg: #296dcf,
+ sidenav-menu-item-icon: #2e547e,
+
+ tooltip-bg: lighten(#242a3d, 25%),
+ tooltip-color: white,
+
+ button-default-bg: #3f4453,
+ button-default-state-bg: lighten(#3f4453, 10%),
+
+ dropdown-bg: #2f364d,
+ dropdown-item-color: #9ccbf9,
+
+ form-input-color: #2aa2ef,
+ form-input-placeholder: rgba(lighten(#2aa2ef, 40%), .2),
+ form-input-disabled-bg: #31394c,
+
+ checkbox-check: #2aa2ef
+));
+
+$metric-details-background: rgba(255,255,255,0.4);
+$metric-details-border: transparent;
+$metric-details-text: $black-color;
+
+$navbar-background: #242a3d;
+$navbar-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
+
+$card-header-bg: #2e364f;
+$card-bg: #1b2238;
+
+$card-header-border-color: transparent;
+$card-border-radius: $border-radius-small;
+$card-outer-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.1);
+
+$navbar-navlink-color: $white-color;
+$navbar-navlink-hover-bg: $opacity-2;
+$form-input-radius: $btn-round-radius;
+
+
+$navbar-toggle: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23");
+
+$landing-nav-bg: transparent;
+$landing-nav-color: $white-color;
+$landing-nav-brand-color: $white-color;
+
+$pagination-color: $white-color;
+$pagination-bg: $default-color;
+$pagination-hover-color: $white-color;
+$pagination-hover-bg: $opacity-gray-3;
+$pagination-disabled-bg: #212d35;
+$pagination-disabled-color: #445062;
+
+$progress-bar-bg: #30374b;
+
+$card-sheet-bg: #2e364f;
+$listgroup-item-border-color: 1px solid rgba(228, 228, 228, 0.23);
+
+$scaffold-page-header-bg: #373d50;
+$scaffold-page-header-color: $text-color;
+
+$nav-stacked-active-link-bg: #373d50;
+$nav-stacked-link-border-color: #2a4557;
+$nav-stacked-link-hover-bg: #3e4660;
+$nav-stacked-chevron-bg: #373d50;
+
+$plan-selector-active-bg: transparent;

data/lib/sass/kiso_themes/auriga/styles/_green_variables.scss

@@ -0,0 +1,82 @@
+$sans-serif-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
+
+// Border thicknesses
+$none: 0 !default;
+$border-thin: 1px !default;
+$border-thick: 2px !default;
+
+// Whites
+$white-color: #fdfcfc !default;
+$white-bg: #fff !default;
+
+// Blacks
+$black-bg: #202942;
+$light-black: #444 !default;
+$black-color: #2c2c2c !default;
+$black-hr: #444 !default;
+$dark-color: $black-color;
+
+// Backgrounds
+$main-bg: #151b31;
+$dark-background: #555 !default;
+
+@include theme-colors((
+ text-color: #95a0bd,
+ brand-default: #242a3d,
+ brand-primary: #52ef80,
+ brand-success: #73c16b,
+ brand-info: #5cc6d2,
+ brand-warning: #e08e45,
+ brand-danger: #c55e5e,
+ brand-light: $gray-400,
+ brand-dark: $dark-color,
+
+ sidenav-menu-bg: #1e253d,
+ sidenav-header-bg: #1e253d,
+ sidenav-header-link: lighten(#95a0bd, 25%),
+ sidenav-color: #c6f8d4,
+ sidenav-menu-item-bg: #40c26b,
+ sidenav-menu-item-icon: #73ae84,
+
+ tooltip-bg: lighten(#242a3d, 25%),
+ tooltip-color: white,
+
+ button-default-bg: #3f4453,
+ button-default-state-bg: lighten(#3f4453, 10%),
+
+ dropdown-bg: #2f364d,
+ dropdown-item-color: #52ef80
+));
+
+$metric-details-background: rgba(255,255,255,0.4);
+$metric-details-border: transparent;
+$metric-details-text: $black-color;
+
+$navbar-background: #242a3d;
+$navbar-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
+
+$card-header-bg: #2e364f;
+$card-bg: #1b2238;
+
+$card-header-border-color: transparent;
+$card-border-radius: $border-radius-small;
+$card-outer-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.1);
+
+$navbar-navlink-color: $white-color;
+$navbar-navlink-hover-bg: $opacity-2;
+$form-input-radius: $btn-round-radius;
+
+
+$navbar-toggle: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23");
+
+$landing-nav-bg: transparent;
+$landing-nav-color: $white-color;
+$landing-nav-brand-color: $white-color;
+
+$progress-bar-bg: #30374b;
+$card-sheet-bg: #2e364f;
+
+$scaffold-page-header-bg: #373d50;
+$scaffold-page-header-color: $text-color;
+
+$plan-selector-active-bg: transparent;

data/lib/sass/kiso_themes/auriga/styles/_red_variables.scss

@@ -0,0 +1,82 @@
+$sans-serif-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
+
+// Border thicknesses
+$none: 0 !default;
+$border-thin: 1px !default;
+$border-thick: 2px !default;
+
+// Whites
+$white-color: #fdfcfc !default;
+$white-bg: #fff !default;
+
+// Blacks
+$black-bg: #202942;
+$light-black: #444 !default;
+$black-color: #2c2c2c !default;
+$black-hr: #444 !default;
+$dark-color: $black-color;
+
+// Backgrounds
+$main-bg: #151b31;
+$dark-background: #555 !default;
+
+@include theme-colors((
+ text-color: #95a0bd,
+ brand-default: #242a3d,
+ brand-primary: #c770c9,
+ brand-success: #73c16b,
+ brand-info: #5cc6d2,
+ brand-warning: #e08e45,
+ brand-danger: #c55e5e,
+ brand-light: $gray-400,
+ brand-dark: $dark-color,
+
+ sidenav-menu-bg: #1e253d,
+ sidenav-header-bg: #1e253d,
+ sidenav-header-link: lighten(#95a0bd, 25%),
+ sidenav-color: #f99cf5,
+ sidenav-menu-item-bg: #a542a4,
+ sidenav-menu-item-icon: #94599f,
+
+ tooltip-bg: lighten(#242a3d, 25%),
+ tooltip-color: white,
+
+ button-default-bg: #3f4453,
+ button-default-state-bg: lighten(#3f4453, 10%),
+
+ dropdown-bg: #2f364d,
+ dropdown-item-color: #c770c9
+));
+
+$metric-details-background: rgba(255,255,255,0.4);
+$metric-details-border: transparent;
+$metric-details-text: $black-color;
+
+$navbar-background: #242a3d;
+$navbar-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
+
+$card-header-bg: #2e364f;
+$card-bg: #1b2238;
+
+$card-header-border-color: transparent;
+$card-border-radius: $border-radius-small;
+$card-outer-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.1);
+
+$navbar-navlink-color: $white-color;
+$navbar-navlink-hover-bg: $opacity-2;
+$form-input-radius: $btn-round-radius;
+
+
+$navbar-toggle: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23");
+
+$landing-nav-bg: transparent;
+$landing-nav-color: $white-color;
+$landing-nav-brand-color: $white-color;
+
+$progress-bar-bg: #30374b;
+$card-sheet-bg: #2e364f;
+
+$scaffold-page-header-bg: #373d50;
+$scaffold-page-header-color: $text-color;
+
+$plan-selector-active-bg: transparent;