jekyll-theme-glueckkanja 1.0.2 → 1.1.0

data/_sass/unify/base/form-controls/checkboxes/_checkboxes.scss

@@ -0,0 +1,107 @@
+/*------------------------------------
+  Checkboxes
+------------------------------------*/
+
+.u-check {
+  position: relative;
+  cursor: pointer;
+
+  &-icon {
+    // Icon Font
+    &-font {
+      display: inline-block;
+      font-size: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+
+      i {
+        font-size: 22px;
+        color: $g-color-gray-light-v2;
+
+        &::before {
+          content: attr(data-uncheck-icon);
+        }
+      }
+    }
+    // End Icon Font
+
+    &-checkbox,
+    &-radio {
+      display: inline-block;
+    }
+  }
+
+  // Control
+  input[type="checkbox"],
+  input[type="radio"] {
+    &:checked {
+      & +,
+      & + * {
+        // Icon Font
+        .u-check-icon-font {
+          i {
+            color: $g-color-primary;
+
+            &::before {
+              content: attr(data-check-icon);
+            }
+          }
+        }
+        // End Icon Font
+      }
+    }
+  }
+}
+
+.g-hide-check {
+  display: block !important;
+
+  .g-checked > * &,
+  input[type="checkbox"]:checked + &,
+  input[type="radio"]:checked + &,
+  input[type="checkbox"]:checked + * &,
+  input[type="radio"]:checked + * & {
+    display: none !important;
+  }
+}
+
+.g-show-check {
+  display: none !important;
+
+  .g-checked > * &,
+  input[type="checkbox"]:checked + &,
+  input[type="radio"]:checked + &,
+  input[type="checkbox"]:checked + * &,
+  input[type="radio"]:checked + * & {
+    display: block !important;
+  }
+}
+
+//
+// Imports
+//
+@import "checkboxes-v1";
+@import "checkboxes-v2";
+@import "checkboxes-v3";
+@import "checkboxes-v4";
+@import "checkboxes-v5";
+@import "checkboxes-v6";
+@import "checkboxes-v7";
+@import "checkboxes-v8";
+
+/* P */
+[class*="u-checkbox-v1"] {
+  display: none;
+}
+
+[class*="u-checkbox-v1"] + label {
+  cursor: pointer;
+}
+
+.u-checkbox-v1--checked-color-primary:checked + label {
+  color: $g-color-primary !important;
+}
+
+.u-checkbox-v1--checked-brd-primary:checked + label {
+  border-color: $g-color-primary !important;
+}

data/_sass/unify/base/form-controls/datepickers/_datepickers-v1.scss

@@ -0,0 +1,241 @@
+/*------------------------------------
+  Datepickers v1
+------------------------------------*/
+
+.u-datepicker-v1 {
+  // padding: 10px 12px;
+  border: {
+    width: 1px;
+    style: solid;
+    radius: 0;
+  }
+  z-index: 2 !important;
+
+  &.ui-datepicker-inline {
+    width: 100%;
+  }
+
+  &.ui-datepicker {
+    width: initial;
+    padding: initial;
+  }
+
+  // UI Datepicker
+  .ui-datepicker {
+    width: 100%;
+    padding: 0;
+    border: none;
+
+    // Header
+    &-header {
+      background-color: transparent;
+      border: none;
+      border: {
+        radius: 0;
+        bottom: {
+          width: 1px;
+          style: solid;
+          color: $g-color-gray-light-v2;
+        }
+      }
+      padding: 0;
+    }
+
+    // Title
+    &-title {
+      height: 45px;
+      line-height: 45px;
+      font-size: 16px;
+      font-weight: 400;
+      color: $g-color-main;
+      margin: {
+        left: 45px;
+        right: 45px;
+      }
+    }
+
+    // Prev & Next Arrows
+    &-prev,
+    &-next {
+      width: 45px;
+      height: 45px;
+      line-height: 45px;
+      top: 0;
+      text-align: center;
+      border-radius: 0;
+      cursor: pointer;
+
+      > span {
+        position: static;
+        top: 0;
+        left: 0;
+        display: inline-block;
+        width: auto;
+        height: auto;
+        font-size: 18px;
+        color: $g-color-main;
+        background-image: none;
+        text-indent: 0;
+        margin: {
+          top: 0;
+          left: 0;
+        }
+      }
+
+      &-hover {
+        top: 0;
+        background-color: transparent;
+      }
+
+      &.ui-state-hover {
+        border: none;
+      }
+    }
+
+    // Prev Arrow
+    &-prev {
+      left: 0;
+      border-right: {
+        width: 1px;
+        style: solid;
+        color: $g-color-gray-light-v2;
+      }
+
+      &-hover {
+        left: 0;
+      }
+
+      &.ui-state-hover {
+        border-right: {
+          width: 1px;
+          style: solid;
+          color: $g-color-gray-light-v2;
+        }
+      }
+    }
+
+    // Next Arrow
+    &-next {
+      right: 0;
+      border-left: {
+        width: 1px;
+        style: solid;
+        color: $g-color-gray-light-v2;
+      }
+
+      &-hover {
+        right: 0;
+      }
+
+      &.ui-state-hover {
+        border-left: {
+          width: 1px;
+          style: solid;
+          color: $g-color-gray-light-v2;
+        }
+      }
+    }
+
+    // Calendar Content
+    &-calendar {
+      margin-bottom: 0;
+
+      th,
+      td {
+        text-align: center;
+        padding: 3px;
+
+        span,
+        a {
+          display: inline-block;
+          width: 35px;
+          height: 35px;
+          line-height: 35px;
+          text-align: center;
+          color: $g-color-gray-dark-v3;
+          background-color: transparent;
+          border: {
+            width: 1px;
+            style: solid;
+            color: transparent;
+          }
+          padding: 0;
+        }
+
+        a {
+          border-radius: 50%;
+          transition: all .2s;
+
+          &:hover,
+          &.ui-state-active {
+            color: $g-color-white;
+            background-color: $g-color-primary;
+            border-color: $g-color-primary;
+            transition: all .2s;
+          }
+        }
+      }
+
+      th {
+        span,
+        a {
+          font-size: 12px;
+          font-weight: 400;
+          color: $g-color-gray-light-v1;
+          text-transform: uppercase;
+        }
+      }
+
+      td {
+        span,
+        a {
+          font-size: 14px;
+        }
+      }
+    }
+  }
+}
+
+@media (min-width: 768px) {
+  .u-datepicker-v1 {
+    // UI Datepicker
+    .ui-datepicker {
+      // Title
+      &-title {
+        height: 50px;
+        line-height: 50px;
+        margin: {
+          left: 50px;
+          right: 50px;
+        }
+      }
+
+      // Prev & Next Arrows
+      &-prev,
+      &-next {
+        width: 50px;
+        height: 50px;
+        line-height: 50px;
+      }
+
+      // Calendar Content
+      &-calendar {
+        border-collapse: separate;
+        border-spacing: 4px;
+
+        th,
+        td {
+          padding: 5px;
+        }
+
+        th,
+        td {
+          span,
+          a {
+            font-size: 14px;
+          }
+        }
+      }
+    }
+  }
+}

data/_sass/unify/base/form-controls/datepickers/_datepickers.scss

@@ -0,0 +1,5 @@
+/*------------------------------------
+  Datepickers
+------------------------------------*/
+
+@import "datepickers-v1";

data/_sass/unify/base/form-controls/fields/_fields-group-v1.scss

@@ -0,0 +1,37 @@
+/*------------------------------------
+  Fields Group v1
+------------------------------------*/
+
+.u-input-group-v1 {
+  position: relative;
+
+  input:not([type="checkbox"], [type="radio"]),
+  textarea,
+  [class*="u-select"] {
+    line-height: 1.75rem;
+    padding: 40px 15px 10px;
+
+    &:focus,
+    &[value],
+    &[placeholder],
+    &.g-state-not-empty {
+      & + label {
+        top: 20px;
+        font-size: 90%;
+      }
+    }
+  }
+
+  label {
+    position: absolute;
+    top: 50%;
+    left: 15px;
+    transition: {
+      property: top, font-size;
+      duration: .2s;
+      timing-function: ease;
+    }
+    transform: translateY(-50%);
+    margin-bottom: 0;
+  }
+}

data/_sass/unify/base/form-controls/fields/_fields-group-v2.scss

@@ -0,0 +1,45 @@
+/*------------------------------------
+  Fields Group v2
+------------------------------------*/
+
+.u-input-group-v2 {
+  position: relative;
+
+  input:not([type="checkbox"], [type="radio"]),
+  textarea,
+  [class*="u-select"] {
+    line-height: 1.75rem;
+    padding: 10px 15px;
+
+    &:focus,
+    &[value],
+    &[placeholder],
+    &.g-state-not-empty {
+      & + label {
+        top: 0;
+        font-size: 90%;
+      }
+    }
+  }
+
+  label {
+    position: absolute;
+    top: 50%;
+    left: 10px;
+    background-color: $g-color-white;
+    padding: 0 5px;
+    margin-bottom: 0;
+    transition: {
+      property: top, font-size;
+      duration: .2s;
+      timing-function: ease;
+    }
+    transform: translateY(-50%);
+  }
+
+  textarea {
+    & + label {
+      top: 20px;
+    }
+  }
+}

data/_sass/unify/base/form-controls/fields/_fields.scss

@@ -0,0 +1,88 @@
+/*------------------------------------
+  Fields
+------------------------------------*/
+
+[data-capitalize] {
+  text-transform: uppercase;
+}
+
+label {
+  &.error {
+    color: $g-color-danger;
+    margin: {
+      top: .25rem;
+      bottom: 0;
+    }
+  }
+}
+
+input:not([type="checkbox"], [type="radio"]),
+textarea,
+select {
+  &.error {
+    border-color: $g-color-danger !important;
+  }
+}
+
+.js-autocomplete {
+  &--ajax {
+    position: relative;
+    z-index: 10;
+  }
+}
+
+// .input-group {
+//   input:not([type="checkbox"], [type="radio"]),
+//   textarea,
+//   select {
+//     &:first-child {
+//       border: {
+//         top-left-radius: inherit;
+//         top-right-radius: 0;
+//         bottom-right-radius: 0;
+//         bottom-left-radius: inherit;
+//       }
+//     }
+
+//     &:last-child {
+//       border: {
+//         top-left-radius: 0;
+//         top-right-radius: inherit;
+//         bottom-right-radius: inherit;
+//         bottom-left-radius: 0;
+//       }
+//     }
+
+//     &:not(:first-child, :last-child) {
+//       border: {
+//         top-left-radius: 0;
+//         top-right-radius: inherit;
+//         bottom-right-radius: inherit;
+//         bottom-left-radius: 0;
+//       }
+//     }
+//   }
+
+//   &-addon {
+//     &:first-child {
+//       border: {
+//         top-left-radius: inherit;
+//         top-right-radius: 0;
+//         bottom-right-radius: 0;
+//         bottom-left-radius: inherit;
+//       }
+//     }
+
+//     &:last-child {
+//       border: {
+//         top-left-radius: 0;
+//         top-right-radius: inherit;
+//         bottom-right-radius: inherit;
+//         bottom-left-radius: 0;
+//       }
+//     }
+//   }
+// }
+
+@import "fields-group-v1";
+@import "fields-group-v2";

data/_sass/unify/base/form-controls/file-attachments/_file-attachments-v1.scss

@@ -0,0 +1,26 @@
+/*------------------------------------
+  File Attachments v1
+------------------------------------*/
+
+.u-file-attach-v1 {
+  position: relative;
+  overflow: hidden;
+  cursor: pointer;
+
+  input {
+    &[type="file"] {
+      position: absolute;
+      top: -25%;
+      left: -25%;
+      z-index: 10;
+      width: 150%;
+      height: 150%;
+      opacity: 0;
+      cursor: pointer;
+    }
+
+    &[readonly] {
+      background-color: transparent;
+    }
+  }
+}

data/_sass/unify/base/form-controls/file-attachments/_file-attachments-v2.scss

@@ -0,0 +1,22 @@
+/*------------------------------------
+  File Attachments v2
+------------------------------------*/
+
+.u-file-attach-v2 {
+  position: relative;
+  overflow: hidden;
+  cursor: pointer;
+
+  input {
+    &[type="file"] {
+      position: absolute;
+      top: -25%;
+      left: -25%;
+      z-index: 10;
+      width: 150%;
+      height: 150%;
+      opacity: 0;
+      cursor: pointer;
+    }
+  }
+}

data/_sass/unify/base/form-controls/file-attachments/_file-attachments-v3.scss

@@ -0,0 +1,35 @@
+/*------------------------------------
+  File Attachments v2
+------------------------------------*/
+
+.u-file-attach-v3 {
+  cursor: pointer;
+  position: relative;
+  text-align: center;
+  background-color: $g-color-gray-light-v5;
+  overflow: hidden;
+  border: 1px dashed $g-color-gray-light-v2;
+  padding: 60px;
+  transition: {
+    property: background-color;
+    duration: .2s;
+    timing-function: ease-in;
+  }
+
+  input {
+    &[type="file"] {
+      position: absolute;
+      top: -25%;
+      left: -25%;
+      z-index: 10;
+      width: 150%;
+      height: 150%;
+      opacity: 0;
+      cursor: pointer;
+    }
+  }
+
+  &:hover {
+    background-color: $g-color-gray-light-v4;
+  }
+}

data/_sass/unify/base/form-controls/file-attachments/_file-attachments.scss

@@ -0,0 +1,11 @@
+/*------------------------------------
+  File Attachments
+------------------------------------*/
+
+//
+// Imports
+//
+
+@import "file-attachments-v1";
+@import "file-attachments-v2";
+@import "file-attachments-v3";