kiso_themes 1.0.2

data/lib/sass/kiso_themes/_core/mixins/_datepicker.scss

@@ -0,0 +1,121 @@
+@mixin datepicker-colors($color) {
+    background-color: $color;
+
+    th,
+    .day div,
+    table tr td span{
+        color: $white-color;
+    }
+
+    &:after{
+        border-bottom-color: $color;
+    }
+
+    &.datepicker-orient-top:after{
+        border-top-color: $color;
+    }
+
+    .dow{
+        color: $datepicker-color-days;
+    }
+
+    table tr td.old div,
+    table tr td.new div,
+    table tr td span.old,
+    table tr td span.new{
+       color: $datepicker-color-old-new-days;
+    }
+
+    table tr td span:hover,
+    table tr td span.focused{
+        background:$opacity-1;
+    }
+
+    .datepicker-switch:hover,
+    .prev:hover,
+    .next:hover,
+    tfoot tr th:hover {
+      background: $opacity-2;
+    }
+
+    table tr td.active div,
+    table tr td.active:hover div,
+    table tr td.active.disabled div,
+    table tr td.active.disabled:hover div {
+
+      background-color: $white-color;
+      color: $color;
+    }
+
+    table tr td.day:hover div,
+    table tr td.day.focused div {
+      background: $opacity-2;
+    }
+
+    table tr td.active:hover div,
+    table tr td.active:hover:hover div,
+    table tr td.active.disabled:hover div,
+    table tr td.active.disabled:hover:hover div,
+    table tr td.active:active div,
+    table tr td.active:hover:active div,
+    table tr td.active.disabled:active div,
+    table tr td.active.disabled:hover:active div,
+    table tr td.active.active div,
+    table tr td.active:hover.active div,
+    table tr td.active.disabled.active div,
+    table tr td.active.disabled:hover.active div,
+    table tr td.active.disabled div,
+    table tr td.active:hover.disabled div,
+    table tr td.active.disabled.disabled div,
+    table tr td.active.disabled:hover.disabled div,
+    table tr td.active[disabled] div,
+    table tr td.active:hover[disabled] div,
+    table tr td.active.disabled[disabled] div,
+    table tr td.active.disabled:hover[disabled] div,
+    table tr td span.active:hover,
+    table tr td span.active:hover:hover,
+    table tr td span.active.disabled:hover,
+    table tr td span.active.disabled:hover:hover,
+    table tr td span.active:active,
+    table tr td span.active:hover:active,
+    table tr td span.active.disabled:active,
+    table tr td span.active.disabled:hover:active,
+    table tr td span.active.active,
+    table tr td span.active:hover.active,
+    table tr td span.active.disabled.active,
+    table tr td span.active.disabled:hover.active,
+    table tr td span.active.disabled,
+    table tr td span.active:hover.disabled,
+    table tr td span.active.disabled.disabled,
+    table tr td span.active.disabled:hover.disabled,
+    table tr td span.active[disabled],
+    table tr td span.active:hover[disabled],
+    table tr td span.active.disabled[disabled],
+    table tr td span.active.disabled:hover[disabled]{
+      background-color: $white-color;
+    }
+
+    table tr td span.active:hover,
+    table tr td span.active:hover:hover,
+    table tr td span.active.disabled:hover,
+    table tr td span.active.disabled:hover:hover,
+    table tr td span.active:active,
+    table tr td span.active:hover:active,
+    table tr td span.active.disabled:active,
+    table tr td span.active.disabled:hover:active,
+    table tr td span.active.active,
+    table tr td span.active:hover.active,
+    table tr td span.active.disabled.active,
+    table tr td span.active.disabled:hover.active,
+    table tr td span.active.disabled,
+    table tr td span.active:hover.disabled,
+    table tr td span.active.disabled.disabled,
+    table tr td span.active.disabled:hover.disabled,
+    table tr td span.active[disabled],
+    table tr td span.active:hover[disabled],
+    table tr td span.active.disabled[disabled],
+    table tr td span.active.disabled:hover[disabled]{
+        color: $color;
+    }
+
+}

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

@@ -0,0 +1,30 @@
+@mixin dropdown-colors($brand-color, $dropdown-header-color, $dropdown-color, $background-color ) {
+  background-color: $dropdown-color;
+
+  &:before {
+    color: $dropdown-color;
+  }
+
+  .dropdown-header:not([href]):not([tabindex]) {
+    color: $dropdown-header-color;
+  }
+
+  .dropdown-item {
+    color: $dropdown-header-color;
+
+    &:hover,
+    &:focus {
+      color: $dropdown-color;
+      background-color: $background-color;
+    }
+
+    &.active {
+      color: $dropdown-color;
+      background-color: $brand-color;
+    }
+  }
+
+  .dropdown-divider {
+    background-color: $background-color;
+  }
+}

data/lib/sass/kiso_themes/_core/mixins/_inputs.scss

@@ -0,0 +1,117 @@
+@mixin input-size($padding-vertical, $padding-horizontal) {
+  padding: $padding-vertical $padding-horizontal;
+}
+
+@mixin form-control-placeholder($color) {
+
+  .form-control::-moz-placeholder {
+    color: $color;
+  }
+
+  .form-control:-moz-placeholder {
+    color: $color;
+  }
+
+  .form-control::-webkit-input-placeholder {
+    color: $color;
+  }
+
+  .form-control:-ms-input-placeholder {
+    color: $color;
+  }
+}
+
+@mixin light-form() {
+  border: 0;
+  border-radius: 0;
+  background-color: transparent;
+  padding: 0;
+}
+
+@mixin input-lg-padding($padding-vertical, $padding-horizontal) {
+
+  .form-group.form-group-no-border.input-lg,
+  .input-group.form-group-no-border.input-lg {
+
+    .input-group-prepend,
+    .input-group-append {
+      padding: $padding-vertical - 1 0 $padding-vertical -1 $padding-horizontal;
+    }
+
+    .form-control {
+      padding: $padding-vertical - 1 $padding-horizontal - 1;
+
+      & + .input-group-prepend,
+      & + .input-group-append {
+        padding: $padding-vertical - 1 $padding-horizontal $padding-vertical - 1 0;
+      }
+    }
+  }
+
+  .form-group.input-lg,
+  .input-group.input-lg {
+
+    .form-control {
+      padding: $padding-vertical - 1 $padding-horizontal - 1;
+
+      & + .input-group-prepend,
+      & + .input-group-append {
+        padding: $padding-vertical - 1 $padding-horizontal - 1 $padding-vertical - 1 0;
+      }
+    }
+
+    .input-group-prepend,
+    .input-group-append {
+      padding: $padding-vertical - 1 0 $padding-vertical $padding-horizontal - 1;
+
+      & + .form-control {
+        padding: $padding-vertical $padding-horizontal - 1 $padding-vertical $padding-horizontal - 3;
+      }
+    }
+  }
+}
+
+@mixin input-base-padding($padding-vertical, $padding-horizontal) {
+
+  .form-group.form-group-no-border,
+  .input-group.form-group-no-border {
+
+    .form-control {
+      padding: $padding-vertical $padding-horizontal;
+
+      & + .input-group-prepend,
+      & + .input-group-append {
+        padding: $padding-vertical $padding-horizontal $padding-vertical 0;
+      }
+    }
+
+    .input-group-prepend,
+    .input-group-append {
+      padding: $padding-vertical 0 $padding-vertical $padding-horizontal;
+    }
+  }
+
+  .input-group-btn {
+    font-size: inherit;
+  }
+
+  .form-group,
+  .input-group {
+
+    .form-control {
+      padding: calc(#{$padding-base-vertical} - 1px) $padding-base-horizontal calc($padding-base-vertical - 1px) $padding-base-horizontal;
+    }
+  }
+
+  .input-group {
+
+    .form-control {
+
+      &:not(:first-child):not(:last-child) {
+        border-right: 0;
+        border-left: 0;
+      }
+    }
+  }
+}
+

data/lib/sass/kiso_themes/_core/mixins/_modals.scss

@@ -0,0 +1,12 @@
+@mixin modal-colors($bg-color, $color) {
+    .modal-content{
+        background-color: $bg-color;
+        color: $color;
+    }
+
+    .modal-header .close{
+        color: $color;
+    }
+
+
+}

data/lib/sass/kiso_themes/_core/mixins/_navbar.scss

@@ -0,0 +1,261 @@
+@mixin navbar-responsive() {
+  @include topbar-x-rotation();
+  @include topbar-back-rotation();
+  @include bottombar-x-rotation();
+  @include bottombar-back-rotation();
+  .navbar {
+    .navbar-nav {
+      margin-top: 53px;
+
+      .nav-link {
+        padding-top: .75rem;
+        padding-bottom: .75rem;
+      }
+
+      &.navbar-logo {
+        top: 0;
+
+        height: 53px;
+      }
+    }
+
+    .dropdown.show .dropdown-menu,
+    .dropdown .dropdown-menu {
+      overflow-y: scroll;
+
+      width: auto;
+      height: 150px;
+      margin: 0 1rem;
+      margin-bottom: 15px;
+      padding-top: 0;
+
+      transition: none;
+
+      border: 0;
+      background-color: transparent;
+      -webkit-box-shadow: none;
+              box-shadow: none;
+
+      &:before {
+        display: none;
+      }
+    }
+
+    .dropdown {
+      .dropdown-item {
+        padding-left: 2.5rem;
+      }
+
+      .dropdown-menu {
+        display: none;
+      }
+
+      &.show .dropdown-menu {
+        display: block;
+      }
+    }
+
+    .dropdown-menu .dropdown-item:focus,
+    .dropdown-menu .dropdown-item:hover {
+      color: $white-color;
+    }
+
+    .navbar-translate {
+      position: relative;
+
+      display: flex;
+      justify-content: space-between!important;
+      align-items: center;
+
+      width: 100%;
+
+      -ms-flex-align: center;
+      -ms-flex-pack: justify!important;
+      @include transform-translate-x(0px);
+      @include transition (all .50s cubic-bezier(.685, .0473, .346, 1));
+    }
+
+    .navbar-toggler-bar {
+      position: relative;
+
+      display: block;
+
+      width: 22px;
+      height: 1px;
+
+      border-radius: 1px;
+      background: $white-bg;
+
+      & + .navbar-toggler-bar {
+        margin-top: 7px;
+      }
+
+      &.bar2 {
+        width: 17px;
+
+        transition: width .2s linear;
+      }
+    }
+
+    &.bg-white:not(.navbar-transparent) .navbar-toggler-bar {
+      background: $default-color;
+    }
+
+    & .toggled .navbar-toggler-bar {
+      width: 24px;
+
+      & + .navbar-toggler-bar {
+        margin-top: 5px;
+      }
+    }
+  }
+
+  .bar1,
+  .bar2,
+  .bar3 {
+    outline: 1px solid transparent;
+  }
+  .bar1 {
+    top: 0;
+
+    @include bar-animation($topbar-back);
+  }
+  .bar2 {
+    opacity: 1;
+  }
+  .bar3 {
+    bottom: 0;
+
+    @include bar-animation($bottombar-back);
+  }
+  .toggled .bar1 {
+    top: 6px;
+
+    @include bar-animation($topbar-x);
+  }
+  .toggled .bar2 {
+    opacity: 0;
+  }
+  .toggled .bar3 {
+    bottom: 6px;
+
+    @include bar-animation($bottombar-x);
+  }
+
+  @-webkit-keyframes fadeIn {
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+  @-moz-keyframes fadeIn {
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+  @keyframes fadeIn {
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+}
+
+@mixin navbar-collapse() {
+  @include navbar-responsive();
+  .navbar-collapse {
+    position: fixed;
+    z-index: 1032;
+    top: 0;
+    right: 0;
+
+    display: block;
+    visibility: visible;
+    overflow-y: visible;
+
+    width: 300px;
+    height: 100% !important;
+    max-height: none !important;
+
+    text-align: left;
+
+    border-top: none;
+    background-color: #999;
+
+    @include transform-translate-x(300px);
+    @include transition (all .50s cubic-bezier(.685, .0473, .346, 1));
+
+    &:before {
+      position: absolute;
+      z-index: -1;
+      top: 0;
+      left: 0;
+
+      display: block;
+
+      width: 100%;
+      height: 100%;
+
+      content: "";
+
+      background: $brand-primary; /* For browsers that do not support gradients */
+      background: -webkit-linear-gradient($brand-primary 0%, #000 80%); /* For Safari 5.1 to 6.0 */
+      background:      -o-linear-gradient($brand-primary 0%, #000 80%); /* For Opera 11.1 to 12.0 */
+      background:    -moz-linear-gradient($brand-primary 0%, #000 80%); /* For Firefox 3.6 to 15 */
+      background:         linear-gradient($brand-primary 0%, #000 80%); /* Standard syntax (must be last) */
+
+      @include opacity(.76);
+    }
+
+    .navbar-nav:not(.navbar-logo) {
+      .nav-link {
+        margin: 0 1rem;
+        margin-top: .3125rem;
+
+        &:not(.btn) {
+          color: $white-color;
+        }
+      }
+    }
+
+    .dropdown-menu .dropdown-item {
+      color: $white-color;
+    }
+  }
+
+
+  [class*="navbar-expand-"] .navbar-collapse {
+    width: 300px;
+  }
+
+  .wrapper {
+    @include transition (all .50s cubic-bezier(.685, .0473, .346, 1));
+  }
+
+  #bodyClick {
+    position: fixed;
+    z-index: 9999;
+    top: 0;
+    right: 300px;
+    left: auto;
+
+    overflow-x: hidden;
+
+    width: 100%;
+    height: 100%;
+
+    content: "";
+
+    opacity: 1;
+    background-color: transparent;
+
+    @include transition (all .50s cubic-bezier(.685, .0473, .346, 1));
+  }
+}

data/lib/sass/kiso_themes/_core/mixins/_pages.scss

@@ -0,0 +1,7 @@
+@mixin linear-gradient($color1, $color2){
+    background: $color1; /* For browsers that do not support gradients */
+    background: -webkit-linear-gradient(90deg, $color1 , $color2); /* For Safari 5.1 to 6.0 */
+    background: -o-linear-gradient(90deg, $color1, $color2); /* For Opera 11.1 to 12.0 */
+    background: -moz-linear-gradient(90deg, $color1, $color2); /* For Firefox 3.6 to 15 */
+    background: linear-gradient(0deg, $color1 , $color2); /* Standard syntax */
+}

data/lib/sass/kiso_themes/_core/mixins/_popovers.scss

@@ -0,0 +1,29 @@
+@mixin popover-color($color, $text-color) {
+    background-color: $color;
+
+    .popover-body{
+        color: $text-color;
+    }
+
+
+    &.bs-popover-right .arrow:after{
+        border-right-color:$color;
+    }
+
+    &.bs-popover-top .arrow:after{
+        border-top-color:$color;
+    }
+
+    &.bs-popover-bottom .arrow:after{
+        border-bottom-color:$color;
+    }
+
+    &.bs-popover-left .arrow:after{
+        border-left-color:$color;
+    }
+
+    .popover-header{
+        color: $text-color;
+        opacity: .6;
+    }
+}