kiso_themes 1.0.2

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

@@ -0,0 +1,166 @@
+.card {
+  @include transition(all $general-transition-time $transition-linear);
+  display: inline-block;
+
+  position: relative;
+
+  margin-bottom: 20px;
+
+  border: 0;
+  border-radius: $card-border-radius;
+  box-shadow: $card-outer-shadow;
+  background-color: $card-bg;
+
+  width: 100%;
+  overflow: hidden;
+
+  &.card-grow {
+    flex-grow: 1;
+  }
+
+  &.card-full-height {
+    height: 100%;
+  }
+
+  i{
+    &.h1,
+    &.h2,
+    &.h3,
+    &.h4,
+    &.h5,
+    &.h6,
+    &.h7 {
+      letter-spacing: inherit;
+    }
+  }
+}
+
+.card.card-sheet,
+.card.card-sheet-down,
+.card.nav-stacked {
+  overflow: visible;
+}
+
+.card-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 0;
+  background: $card-header-bg;
+  padding: 1.25rem;
+  min-height: 4.2rem;
+
+  border-bottom: 1px solid $card-header-border-color;
+
+  h3 {
+    margin: 0;
+  }
+
+  .btn.btn-icon {
+    height: 1.675rem;
+    background: transparent;
+  }
+
+  .nav-tabs {
+    padding: 0;
+    border-bottom: none;
+
+    .nav-item {
+
+      .nav-link {
+        &:hover {
+        }
+      }
+
+      &:last-of-type {
+
+        .nav-link {
+          margin-right: 0;
+        }
+      }
+    }
+  }
+
+  .nav-pills-round .nav-item .nav-link {
+    padding: 0;
+    width: 36px;
+    height: 36px;
+  }
+
+  .nav-pills-round .nav-item:last-of-type .nav-link {
+    margin-right: 0;
+  }
+
+  .nav-pills-round .nav-item i {
+    line-height: 36px;
+  }
+
+  h6 {
+    margin: 0;
+  }
+
+  &~.list-group-flush {
+    li:first-of-type {
+      border-top: 0;
+    }
+
+    li:last-of-type {
+      padding-bottom: 0;
+    }
+  }
+}
+
+.card-footer {
+  border-top: none;
+
+  font-size: $font-size-mini;
+}
+
+.card-full-bleed {
+
+  .card-body {
+    padding: 0;
+  }
+}
+
+.card-flat {
+  box-shadow: none;
+}
+
+.card-body {
+
+  p {
+    line-height: 1.31;
+  }
+
+  .list-group-flush {
+    .list-group-item:first-of-type {
+      padding-top: 0;
+    }
+
+    .list-group-item:last-of-type {
+      padding-bottom:0;
+    }
+  }
+}
+
+.card-tabbed {
+
+  .card-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    .card-header-tabs {
+      margin: 0;
+    }
+
+    @include media-breakpoint-down(md) {
+      flex-direction: column;
+
+      h6 {
+        margin-bottom: 1rem;
+      }
+    }
+  }
+}

data/lib/sass/kiso_themes/_core/_carousel.scss

@@ -0,0 +1,15 @@
+// display flex was causing errors
+.carousel-item-next,
+.carousel-item-prev,
+.carousel-item.active{
+    display: block;
+}
+
+.carousel{
+    .carousel-inner{
+        box-shadow: $box-shadow-raised;
+    }
+    .now-ui-icons{
+        font-size: 2em;
+    }
+}

data/lib/sass/kiso_themes/_core/_checkboxes-radio.scss

@@ -0,0 +1,240 @@
+.checkbox,
+.radio {
+  margin-bottom: 12px;
+}
+
+.checkbox label,
+.radio label {
+  display: inline-block;
+  position: relative;
+  margin-bottom: 0;
+  cursor: pointer;
+  padding-left: 35px;
+  line-height: 26px;
+}
+
+.radio label {
+  padding-left: 28px;
+}
+
+.checkbox label::before,
+.checkbox label::after {
+  display: inline-block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  transition: opacity 0.3s linear;
+  border: 1px solid $dark-gray;
+  border-radius: 3px;
+  background-color: transparent;
+  cursor: pointer;
+  width: 26px;
+  height: 26px;
+  content: ' ';
+}
+
+.checkbox label::after {
+  top: 0;
+  opacity: 0;
+  border: 0;
+  background-color: inherit;
+  text-align: center;
+  color: $checkbox-check;
+  font-family: 'FontAwesome';
+  font-size: 14px;
+  content: '\f00c';
+}
+
+.checkbox input[type='checkbox'],
+.radio input[type='radio'] {
+  position: absolute;
+  visibility: hidden;
+  opacity: 0;
+}
+
+.checkbox input[type='checkbox']:checked + label::after {
+  opacity: 1;
+}
+
+.checkbox input[type='checkbox']:disabled + label,
+.radio input[type='radio']:disabled + label {
+  opacity: 0.5;
+  color: $dark-gray;
+}
+
+.checkbox input[type='checkbox']:disabled + label::before,
+.checkbox input[type='checkbox']:disabled + label::after {
+  cursor: not-allowed;
+}
+
+.checkbox input[type='checkbox']:disabled + label,
+.radio input[type='radio']:disabled + label {
+  cursor: not-allowed;
+}
+
+.checkbox.checkbox-circle label::before {
+  border-radius: 50%;
+}
+
+.checkbox.checkbox-inline {
+  margin-top: 0;
+}
+
+.checkbox-primary input[type='checkbox']:checked + label::before {
+  border-color: #428bca;
+  background-color: #428bca;
+}
+
+.checkbox-primary input[type='checkbox']:checked + label::after {
+  color: #fff;
+}
+
+.checkbox-danger input[type='checkbox']:checked + label::before {
+  border-color: #d9534f;
+  background-color: #d9534f;
+}
+
+.checkbox-danger input[type='checkbox']:checked + label::after {
+  color: #fff;
+}
+
+.checkbox-info input[type='checkbox']:checked + label::before {
+  border-color: #5bc0de;
+  background-color: #5bc0de;
+}
+
+.checkbox-info input[type='checkbox']:checked + label::after {
+  color: #fff;
+}
+
+.checkbox-warning input[type='checkbox']:checked + label::before {
+  border-color: #f0ad4e;
+  background-color: #f0ad4e;
+}
+
+.checkbox-warning input[type='checkbox']:checked + label::after {
+  color: #fff;
+}
+
+.checkbox-success input[type='checkbox']:checked + label::before {
+  border-color: #5cb85c;
+  background-color: #5cb85c;
+}
+
+.checkbox-success input[type='checkbox']:checked + label::after {
+  color: #fff;
+}
+
+.radio label::before,
+.radio label::after {
+  display: inline-block;
+  position: absolute;
+  top: 3px;
+  left: 3px;
+  transition: opacity 0.3s linear;
+  border: 1px solid $dark-gray;
+  border-radius: 50%;
+  padding: 1px;
+  width: 20px;
+  height: 20px;
+  content: ' ';
+}
+
+.radio input[type='radio'] + label:after,
+.radio input[type='radio'] {
+  opacity: 0;
+}
+
+.radio input[type='radio']:checked + label::after {
+  top: 11px;
+  left: 11px;
+  opacity: 1;
+  border-color: $dark-background;
+  background-color: $dark-background;
+  width: 4px;
+  height: 4px;
+}
+
+.radio input[type='radio']:checked + label::after {
+  opacity: 1;
+}
+
+.radio input[type='radio']:disabled + label {
+  color: $dark-gray;
+}
+
+.radio input[type='radio']:disabled + label::before,
+.radio input[type='radio']:disabled + label::after {
+  color: $dark-gray;
+}
+
+.radio.radio-inline {
+  margin-top: 0;
+}
+
+.radio-primary input[type='radio']:checked + label::before {
+  border-color: #428bca;
+  background-color: #428bca;
+}
+
+.radio-primary input[type='radio']:checked + label::after {
+  color: #fff;
+}
+
+.radio-danger input[type='radio']:checked + label::before {
+  border-color: #d9534f;
+  background-color: #d9534f;
+}
+
+.radio-danger input[type='radio']:checked + label::after {
+  color: #fff;
+}
+
+.radio-info input[type='radio']:checked + label::before {
+  border-color: #5bc0de;
+  background-color: #5bc0de;
+}
+
+.radio-info input[type='radio']:checked + label::after {
+  color: #fff;
+}
+
+.radio-warning input[type='radio']:checked + label::before {
+  border-color: #f0ad4e;
+  background-color: #f0ad4e;
+}
+
+.radio-warning input[type='radio']:checked + label::after {
+  color: #fff;
+}
+
+.radio-success input[type='radio']:checked + label::before {
+  border-color: #5cb85c;
+  background-color: #5cb85c;
+}
+
+.radio-success input[type='radio']:checked + label::after {
+  color: #fff;
+}
+
+fieldset[disabled] {
+
+  .checkbox {
+
+    label {
+      cursor: not-allowed;
+
+      &::before,
+      &::after {
+        cursor: not-allowed;
+      }
+    }
+  }
+}
+
+.form-horizontal {
+  .form-check {
+    padding:0;
+    padding-top: calc(#{$input-padding-y} + #{$input-border-width});
+  }
+}

data/lib/sass/kiso_themes/_core/_dropdown.scss

@@ -0,0 +1,225 @@
+.dropdown-menu {
+  @include transition(all $fast-transition-time $transition-linear);
+
+  background-color: $dropdown-bg;
+
+  border: 0;
+  border-radius: $border-radius-extra-small;
+  box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.2);
+
+  font-size: $font-size-base;
+
+  &.dropdown-menu-right {
+    right: 0;
+    left: auto;
+
+    &:before {
+      right: 13px;
+      left: auto;
+    }
+  }
+
+  &:before {
+    display: inline-block;
+    position: absolute;
+    top: -5px;
+    right: auto;
+    left: 13px;
+    border-right: 0.4em solid transparent;
+    border-bottom: 0.4em solid;
+    border-left: 0.4em solid transparent;
+
+    width: 0;
+    height: 0;
+    vertical-align: middle;
+
+    color: $dropdown-bg;
+
+    content: '';
+  }
+
+  .dropdown-item {
+    @include transition(all $fast-transition-time $transition-linear);
+    padding-top: $padding-base-vertical;
+    padding-bottom: $padding-base-vertical;
+
+    color: $dropdown-item-color;
+
+    font-size: $font-size-small;
+
+    &:hover,
+    &:focus {
+      background-color: $opacity-gray-3;
+    }
+
+    .card {
+      border: none;
+    }
+  }
+
+  .dropdown-item.active,
+  .dropdown-item:active {
+    color: #fff;
+    text-decoration: none;
+    background-color: $primary-color;
+  }
+
+  .dropdown-divider {
+    background-color: $opacity-gray-5;
+  }
+
+  .dropdown-header:not([href]):not([tabindex]) {
+    text-transform: uppercase;
+
+    color: $default-color-opacity;
+
+    font-size: $font-size-mini;
+    font-weight: $font-weight-bold;
+  }
+
+  &.dropdown-primary {
+    @include dropdown-colors(darken($primary-color, 3%),$opacity-8,$white-color, $opacity-2);
+  }
+
+  &.dropdown-info {
+    @include dropdown-colors(darken($info-color, 3%),$opacity-8,$white-color, $opacity-2);
+  }
+
+  &.dropdown-danger {
+    @include dropdown-colors(darken($danger-color, 3%),$opacity-8,$white-color, $opacity-2);
+  }
+
+  &.dropdown-success {
+    @include dropdown-colors(darken($success-color, 3%),$opacity-8,$white-color, $opacity-2);
+  }
+
+  &.dropdown-warning {
+    @include dropdown-colors(darken($warning-color, 3%),$opacity-8,$white-color, $opacity-2);
+  }
+
+  &.dropdown-neutral {
+    @include dropdown-colors($brand-primary-light, $brand-primary-dark ,$white-color, $brand-primary-lightest);
+  }
+
+  .dropdown & {
+    @include opacity(0);
+    @include transform-translate-y(-25px);
+
+    visibility: hidden;
+    @include media-breakpoint-up(lg) {
+      // Needed so that transitions work correctly with Popper
+      display: block;
+    }
+  }
+
+  .dropdown.show &,
+  &.open {
+    @include transform-translate-y(0px);
+    @include opacity(1);
+    visibility: visible;
+  }
+
+  .navbar .dropdown.show & {
+    @include transform-translate-y(7px);
+  }
+}
+
+.button-dropdown {
+  cursor: pointer;
+  padding-right: $padding-base-horizontal;
+
+  & .dropdown-toggle {
+    display: block;
+
+    padding-top: $padding-base-vertical;
+    padding-bottom: $padding-base-vertical;
+
+    &:after {
+      display: none;
+    }
+  }
+}
+
+.dropdown-hover:hover {
+
+  > .dropdown-menu {
+    display: block;
+
+    transform: translate3d(0, 0px, 0);
+    visibility: visible;
+
+    opacity: 1;
+  }
+}
+
+.dropdown {
+
+  .with-count {
+
+    .badge {
+      position: absolute;
+      top: 2px;
+      right: 0.3rem;
+      z-index: 2;
+      border: 2px solid $brand-primary;
+      background: $white-color;
+
+      padding: 0 4px;
+
+      color: $navbar-light-active-color;
+    }
+  }
+}
+
+.notifications,
+.user-nav {
+
+  .dropdown-menu {
+    padding: 0;
+
+    .dropdown-item {
+      margin: 0;
+      padding: 0;
+    }
+
+    .card {
+      display: block;
+      margin: 0;
+      padding: 0;
+
+      width: 290px;
+
+      a {
+        color: $brand-primary;
+      }
+    }
+
+    .list-group {
+      border-radius: 0;
+
+      .list-group-item {
+        border-radius: 0;
+        color: $brand-primary;
+        border-left: none;
+        border-right: none;
+
+        &:first-of-type {
+          border-top: none;
+        }
+      }
+    }
+  }
+}
+
+.navbar {
+
+  .navbar-nav {
+
+    .user-nav {
+
+      a.nav-link.dropdown-toggle {
+        padding: 0.25rem 0.7rem;
+      }
+    }
+  }
+}

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

@@ -0,0 +1 @@
+@import '//fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,900';

data/lib/sass/kiso_themes/_core/_footers.scss

@@ -0,0 +1,44 @@
+.footer{
+    padding: 24px 0;
+
+    &.footer-default{
+        background-color: #f2f2f2;
+    }
+
+    nav{
+        display: inline-block;
+        float: left;
+    }
+
+    ul{
+        margin-bottom: 0;
+        padding: 0;
+        list-style: none;
+
+        li{
+            display: inline-block;
+
+            a{
+                color: inherit;
+                padding: $padding-base-vertical;
+                font-size: $font-size-small;
+                text-transform: uppercase;
+                text-decoration: none;
+
+                &:hover{
+                    text-decoration: none;
+                }
+            }
+        }
+    }
+
+    .copyright{
+        font-size: $font-size-small;
+    }
+
+    &:after{
+        display: table;
+        clear: both;
+        content: " ";
+    }
+}

data/lib/sass/kiso_themes/_core/_grid.scss

@@ -0,0 +1,9 @@
+.equal-cols {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.equal-cols > [class*='col-'] {
+  display: flex;
+  flex-direction: column;
+}

data/lib/sass/kiso_themes/_core/_images.scss

@@ -0,0 +1,7 @@
+img {
+  max-width: 100%;
+  border-radius: 1px;
+}
+.img-raised {
+  box-shadow: $box-shadow-raised;
+}