keppler 2.1.17 → 2.1.18

data/testing-with-2.1.18/app/assets/stylesheets/admin/pages/_show.scss

@@ -0,0 +1,23 @@
+.bg-profile {
+  @extend %circle-img;
+  height: 100px;
+  width: 100px;
+}
+
+.img-show {
+  box-shadow: 2px 2px 5px 0 $transparent-black-2;
+  max-width: 300px;
+  position: absolute;
+}
+
+.list-row {
+  img {
+    cursor: zoom-in;
+    max-height: 100px;
+    max-width: 100%;
+  }
+}
+
+.attr-name {
+  font-weight: bold;
+}

data/testing-with-2.1.18/app/assets/stylesheets/admin/pages/_switchs.scss

@@ -0,0 +1,143 @@
+.keppler-switch {
+  display: block;
+  height: 24px;
+  margin-bottom: 0;
+  position: relative;
+  width: 40px;
+
+  input {
+    display: none;
+
+    &.active + .slider {
+      background-color: $keppler-color;
+      box-shadow: 0 0 1px $keppler-color;
+
+      // &::before {
+      //   transform: translateX(16px);
+      // }
+    }
+  }
+
+  .slider {
+    background-color: $ccc;
+    bottom: 0;
+    cursor: pointer;
+    left: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+    transition: .4s;
+
+    &::before {
+      background-color: $white;
+      bottom: 4px;
+      content: '';
+      height: 16px;
+      left: 4px;
+      position: absolute;
+      transition: .4s;
+      width: 16px;
+    }
+
+    &.round {
+      border-radius: 34px;
+    }
+
+    &.round::before {
+      border-radius: 50%;
+    }
+  }
+
+  .inline-label {
+    margin-left: 50px;
+    opacity: .5;
+    transition: opacity .3s;
+
+    &.active {
+      opacity: 1;
+      transition: opacity .3s;
+    }
+  }
+
+  a {
+    text-decoration: none;
+  }
+
+  .active + .slider {
+    background-color: $keppler-color;
+    box-shadow: 0 0 1px $keppler-color;
+
+    &::before {
+      transform: translateX(16px);
+    }
+  }
+}
+
+.switch-box {
+  margin-bottom: 0;
+}
+
+.switch {
+  display: inline-block;
+  height: 20px;
+  margin-bottom: 0;
+  position: relative;
+  width: 35px;
+
+  input {
+    display: none;
+  }
+
+  .slider {
+    background-color: $ccc;
+    bottom: 0;
+    cursor: pointer;
+    left: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+    transition: .4s;
+
+    &::before {
+      background-color: $white;
+      bottom: 4px;
+      content: '';
+      height: 12px;
+      left: 4px;
+      position: absolute;
+      transition: .4s;
+      width: 12px;
+    }
+
+    &.round {
+      border-radius: 34px;
+    }
+
+    &.round::before {
+      border-radius: 50%;
+    }
+  }
+
+  .active + .slider {
+    background-color: $keppler-color;
+    box-shadow: 0 0 1px $keppler-color;
+
+    &::before {
+      transform: translateX(16px);
+    }
+  }
+
+  a {
+    text-decoration: none;
+  }
+
+  .no-visible {
+    display: none;
+  }
+
+  .row-selectable:hover {
+    background-color: $white;
+    cursor: pointer;
+    transition: all ease .3s;
+  }
+}

data/testing-with-2.1.18/app/assets/stylesheets/admin/pages/_themes.scss

@@ -0,0 +1,45 @@
+$themes: (
+  // [label, primary-color, darken-color, accent-color]
+  ("keppler", $keppler-color, $keppler-darken, $keppler-accent),
+  ("pink", $pink-color, $pink-darken, $pink-accent),
+  ("cyan", $cyan-color, $cyan-darken, $cyan-accent),
+  ("grey", $grey-color, $grey-darken, $grey-accent),
+  ("amber", $amber-color, $amber-darken, $amber-accent),
+  ("brown", $brown-color, $brown-darken, $brown-accent)
+);
+
+@each $label, $primary-color, $darken-color, $accent-color in $themes {
+  .#{$label}-theme {
+    .devise-box-header {
+      background: $primary-color;
+    }
+
+    .modal-header {
+      background: $primary-color;
+    }
+
+    nav,
+    .header-information {
+      background: $primary-color;
+    }
+
+    .listing-show-header {
+      background: $darken-color;
+    }
+
+    .control-label.active {
+      color: $accent-color;
+    }
+
+    .btn-add,
+    .btn {
+      background: $accent-color;
+    }
+
+    .btn-white {
+      background: $gray-hover;
+      color: $accent-color;
+      margin-right: 1rem;
+    }
+  }
+}

data/testing-with-2.1.18/app/assets/stylesheets/admin/pages/_timepicker.scss

@@ -0,0 +1,14 @@
+.bfh-timepicker {
+  float: none;
+  // width: 50%;
+  width: inherit;
+
+  &-toggle {
+    border: 1px solid $gray-hover;
+    margin-bottom: 20px;
+  }
+}
+
+.input-group-addon {
+  border: 0;
+}

data/testing-with-2.1.18/app/assets/stylesheets/admin/pages/_user.scss

@@ -0,0 +1,6 @@
+.profile-user-img {
+  background: $keppler-color;
+  height: 100px;
+  object-fit: cover;
+  padding: 0;
+}

data/testing-with-2.1.18/app/assets/stylesheets/admin/utils/_base.scss

@@ -0,0 +1,65 @@
+html,
+body {
+  color: $medium-grey;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+html {
+  font-size: 10px;
+}
+
+body {
+  background: $gray-lighten;
+  font-family: $font-primary;
+  font-size: 1.5rem;
+}
+
+a {
+  color: inherit;
+  cursor: pointer;
+
+  &:hover {
+    color: inherit;
+  }
+}
+
+.container {
+  width: 100%;
+}
+
+.center {
+  align-items: center;
+  display: flex;
+  height: 100%;
+  justify-content: center;
+}
+
+.text-overflow {
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.box-tools {
+  i {
+    color: $gray-hover;
+    cursor: pointer;
+    font-size: 1.7rem;
+    padding: 0 5px;
+    transition: all ease .3s;
+
+    &:hover {
+      color: $medium-grey;
+      transition: all ease .3s;
+    }
+  }
+}
+
+.breadcrumb {
+  @media screen and (min-width: 0) and (max-width: 991px) {
+    display: none;
+  }
+}

data/testing-with-2.1.18/app/assets/stylesheets/admin/utils/_mixins.scss

@@ -0,0 +1,26 @@
+@mixin icon-before($icon) {
+  content: $icon;
+  font: normal 100 normal 12px/4 FontAwesome;
+  position: absolute;
+  color: $pageslide-icon-color;
+  right: 10px;
+}
+
+@mixin respond-to($breakpoint) {
+  @if map-has-key($breakpoints, $breakpoint) {
+    @media #{map-get($breakpoints, $breakpoint)} {
+      @content;
+    }
+  } @else {
+    @warn 'Unfortunately, no value could be retrieved from `#{$breakpoint}`. ' +
+      'Please make sure it is defined in `$breakpoints` map.';
+  }
+}
+
+@mixin orientation($position) {
+  @if $position == landscape {
+    @media only screen and (orientation:landscape) { @content; }
+  } @else if $position == portrait {
+    @media only screen and (orientation : portrait) { @content; }
+  }
+}

data/testing-with-2.1.18/app/assets/stylesheets/admin/utils/_theme.scss

@@ -0,0 +1,124 @@
+.keppler-color { color: $keppler-color; }
+.keppler-background { background: $keppler-color; }
+.keppler-border-top-color { border-top-color: $keppler-color; }
+
+.skin-blue .content-header {
+  background: transparent;
+  margin-top: 50px;
+}
+
+.wrapper {
+  .content-wrapper {
+    background: $gray-lighten;
+    min-height: 100vh;
+    padding-top: 70px;
+  }
+}
+
+.btn-ks {
+  background: $keppler-color;
+  border: 1px solid $keppler-color;
+  color: $white;
+  transition: .5s all;
+
+  &:hover {
+    background: $keppler-accent;
+    border: 1px solid $keppler-accent;
+    color: $white;
+    transition: .5s all;
+  }
+}
+
+.btn-ks-inverse {
+  border: 1px solid $keppler-color;
+  color: $keppler-color;
+  transition: .5s all;
+
+  &:hover {
+    background: $keppler-color;
+    border: 1px solid $keppler-color;
+    color: $white;
+    transition: .5s all;
+  }
+}
+
+.btn-gr {
+  background: $medium-grey;
+  border: 1px solid $medium-grey;
+  color: $white;
+  transition: .5s all;
+
+  &:hover {
+    background: $almost-black;
+    border: 1px solid $medium-grey;
+    color: $white;
+    transition: .5s all;
+  }
+}
+
+.btn-gr-inverse {
+  border: 1px solid $medium-grey;
+  color: $medium-grey;
+  transition: .5s all;
+
+  &:hover {
+    background: $medium-grey;
+    border: 1px solid $medium-grey;
+    color: $white;
+    transition: .5s all;
+  }
+}
+
+.appearance-img {
+  height: 350px !important; // scss-lint:disable ImportantRule
+  width: 100% !important; // scss-lint:disable ImportantRule
+}
+
+.minicolors-theme-default .minicolors-input {
+  display: inline-block;
+  height: 30px;
+  padding-left: 26px;
+  width: auto;
+}
+
+.label-primary {
+  background: $keppler-color;
+}
+
+.content-wrapper,
+.right-side {
+  background-color: $almost-white;
+  min-height: 100%;
+  z-index: 800;
+}
+
+.box-body {
+  @include respond-to(xs) {
+    padding: 0 0 20px;
+  }
+
+  thead {
+    background-color: $ededed;
+
+    th {
+      font-size: 14px;
+      font-weight: 600;
+      letter-spacing: .1px;
+      text-transform: uppercase;
+    }
+
+    th:first-child {
+      padding: 10px 20px;
+    }
+  }
+}
+
+.form-control {
+  border-radius: 15px;
+}
+
+.box-header {
+  @include respond-to(xs) {
+    padding: 10px 0;
+  }
+}