jekyll-theme-glueckkanja 1.0.2 → 1.1.0

data/_sass/unify/base/buttons/outline/_button-outline.scss

@@ -0,0 +1,246 @@
+/* Outline Button Primary */
+.u-btn-outline-primary {
+  @include u-button-outline ($g-color-primary, $g-color-primary, $g-color-white);
+  @include u-button-outline-hover (1, 1, $g-color-primary);
+  @include u-button-outline-hover (1, 2, $g-color-primary);
+  @include u-button-outline-hover (1, 3, $g-color-primary);
+  @include u-button-outline-hover (1, 4, $g-color-primary);
+  @include u-button-outline-hover (2, 1, $g-color-primary);
+  @include u-button-outline-hover (2, 2, $g-color-primary);
+  @include u-button-outline-hover (3, 1, $g-color-primary);
+}
+
+/* Outline Button White */
+.u-btn-outline-white {
+  @include u-button-outline ($g-color-white, $g-color-white, $g-color-gray-dark-v3);
+  @include u-button-outline-hover (1, 1, $g-color-white);
+  @include u-button-outline-hover (1, 2, $g-color-white);
+  @include u-button-outline-hover (1, 3, $g-color-white);
+  @include u-button-outline-hover (1, 4, $g-color-white);
+  @include u-button-outline-hover (2, 1, $g-color-white);
+  @include u-button-outline-hover (2, 2, $g-color-white);
+}
+
+/* Outline Button Black */
+.u-btn-outline-black {
+  @include u-button-outline ($g-color-black, $g-color-black, $g-color-white);
+  @include u-button-outline-hover (1, 1, $g-color-black);
+  @include u-button-outline-hover (1, 2, $g-color-black);
+  @include u-button-outline-hover (1, 3, $g-color-black);
+  @include u-button-outline-hover (1, 4, $g-color-black);
+  @include u-button-outline-hover (2, 1, $g-color-black);
+  @include u-button-outline-hover (2, 2, $g-color-black);
+}
+
+/* Outline Button Dark Gray */
+.u-btn-outline-darkgray {
+  @include u-button-outline ($g-color-gray-dark-v2, $g-color-gray-dark-v2, $g-color-white);
+  @include u-button-outline-hover (1, 1, $g-color-gray-dark-v2);
+  @include u-button-outline-hover (1, 2, $g-color-gray-dark-v2);
+  @include u-button-outline-hover (1, 3, $g-color-gray-dark-v2);
+  @include u-button-outline-hover (1, 4, $g-color-gray-dark-v2);
+  @include u-button-outline-hover (2, 1, $g-color-gray-dark-v2);
+  @include u-button-outline-hover (2, 2, $g-color-gray-dark-v2);
+}
+
+/* Outline Button Light Gray */
+.u-btn-outline-lightgray {
+  @include u-button-outline ($g-color-gray-light-v4, $g-color-main, $g-color-main);
+  @include u-button-outline-hover (1, 1, $g-color-gray-light-v4);
+  @include u-button-outline-hover (1, 2, $g-color-gray-light-v4);
+  @include u-button-outline-hover (1, 3, $g-color-gray-light-v4);
+  @include u-button-outline-hover (1, 4, $g-color-gray-light-v4);
+  @include u-button-outline-hover (2, 1, $g-color-gray-light-v4);
+  @include u-button-outline-hover (2, 2, $g-color-gray-light-v4);
+}
+
+/* Button Outline Red */
+.u-btn-outline-red {
+  @include u-button-outline ($g-color-red, $g-color-red, $g-color-white);
+  @include u-button-outline-hover (1, 1, $g-color-red);
+  @include u-button-outline-hover (1, 2, $g-color-red);
+  @include u-button-outline-hover (1, 3, $g-color-red);
+  @include u-button-outline-hover (1, 4, $g-color-red);
+  @include u-button-outline-hover (2, 1, $g-color-red);
+  @include u-button-outline-hover (2, 2, $g-color-red);
+}
+
+/* Button Outline Red Tomato */
+.u-btn-outline-lightred {
+  @include u-button-outline ($g-color-lightred, $g-color-lightred, $g-color-white);
+  @include u-button-outline-hover (1, 1, $g-color-lightred);
+  @include u-button-outline-hover (1, 2, $g-color-lightred);
+  @include u-button-outline-hover (1, 3, $g-color-lightred);
+  @include u-button-outline-hover (1, 4, $g-color-lightred);
+  @include u-button-outline-hover (2, 1, $g-color-lightred);
+  @include u-button-outline-hover (2, 2, $g-color-lightred);
+}
+
+/* Outline Button Dark Red */
+.u-btn-outline-darkred {
+  @include u-button-outline ($g-color-darkred, $g-color-darkred, $g-color-white);
+  @include u-button-outline-hover (1, 1, $g-color-darkred);
+  @include u-button-outline-hover (1, 2, $g-color-darkred);
+  @include u-button-outline-hover (1, 3, $g-color-darkred);
+  @include u-button-outline-hover (1, 4, $g-color-darkred);
+  @include u-button-outline-hover (2, 1, $g-color-darkred);
+  @include u-button-outline-hover (2, 2, $g-color-darkred);
+}
+
+/* Outline Button Blue */
+.u-btn-outline-blue {
+  @include u-button-outline ($g-color-blue, $g-color-blue, $g-color-white);
+  @include u-button-outline-hover (1, 1, $g-color-blue);
+  @include u-button-outline-hover (1, 2, $g-color-blue);
+  @include u-button-outline-hover (1, 3, $g-color-blue);
+  @include u-button-outline-hover (1, 4, $g-color-blue);
+  @include u-button-outline-hover (2, 1, $g-color-blue);
+  @include u-button-outline-hover (2, 2, $g-color-blue);
+}
+
+/* Outline Button Indigo */
+.u-btn-outline-indigo {
+  @include u-button-outline ($g-color-indigo, $g-color-indigo, $g-color-white);
+  @include u-button-outline-hover (1, 1, $g-color-indigo);
+  @include u-button-outline-hover (1, 2, $g-color-indigo);
+  @include u-button-outline-hover (1, 3, $g-color-indigo);
+  @include u-button-outline-hover (1, 4, $g-color-indigo);
+  @include u-button-outline-hover (2, 1, $g-color-indigo);
+  @include u-button-outline-hover (2, 2, $g-color-indigo);
+}
+
+/* Outline Button Purple */
+.u-btn-outline-purple {
+  @include u-button-outline ($g-color-purple, $g-color-purple, $g-color-white);
+  @include u-button-outline-hover (1, 1, $g-color-purple);
+  @include u-button-outline-hover (1, 2, $g-color-purple);
+  @include u-button-outline-hover (1, 3, $g-color-purple);
+  @include u-button-outline-hover (1, 4, $g-color-purple);
+  @include u-button-outline-hover (2, 1, $g-color-purple);
+  @include u-button-outline-hover (2, 2, $g-color-purple);
+}
+
+/* Outline Button Dark Purple */
+.u-btn-outline-darkpurple {
+  @include u-button-outline ($g-color-darkpurple, $g-color-darkpurple, $g-color-white);
+  @include u-button-outline-hover (1, 1, $g-color-darkpurple);
+  @include u-button-outline-hover (1, 2, $g-color-darkpurple);
+  @include u-button-outline-hover (1, 3, $g-color-darkpurple);
+  @include u-button-outline-hover (1, 4, $g-color-darkpurple);
+  @include u-button-outline-hover (2, 1, $g-color-darkpurple);
+  @include u-button-outline-hover (2, 2, $g-color-darkpurple);
+}
+
+/* Outline Button Pink */
+.u-btn-outline-pink {
+  @include u-button-outline ($g-color-pink, $g-color-pink, $g-color-white);
+  @include u-button-outline-hover (1, 1, $g-color-pink);
+  @include u-button-outline-hover (1, 2, $g-color-pink);
+  @include u-button-outline-hover (1, 3, $g-color-pink);
+  @include u-button-outline-hover (1, 4, $g-color-pink);
+  @include u-button-outline-hover (2, 1, $g-color-pink);
+  @include u-button-outline-hover (2, 2, $g-color-pink);
+}
+
+/* Outline Button Orange */
+.u-btn-outline-orange {
+  @include u-button-outline ($g-color-orange, $g-color-orange, $g-color-white);
+  @include u-button-outline-hover (1, 1, $g-color-orange);
+  @include u-button-outline-hover (1, 2, $g-color-orange);
+  @include u-button-outline-hover (1, 3, $g-color-orange);
+  @include u-button-outline-hover (1, 4, $g-color-orange);
+  @include u-button-outline-hover (2, 1, $g-color-orange);
+  @include u-button-outline-hover (2, 2, $g-color-orange);
+}
+
+/* Outline Button Deep Orange */
+.u-btn-outline-deeporange {
+  @include u-button-outline ($g-color-deeporange, $g-color-deeporange, $g-color-white);
+  @include u-button-outline-hover (1, 1, $g-color-deeporange);
+  @include u-button-outline-hover (1, 2, $g-color-deeporange);
+  @include u-button-outline-hover (1, 3, $g-color-deeporange);
+  @include u-button-outline-hover (1, 4, $g-color-deeporange);
+  @include u-button-outline-hover (2, 1, $g-color-deeporange);
+  @include u-button-outline-hover (2, 2, $g-color-deeporange);
+}
+
+/* Outline Button Yellow */
+.u-btn-outline-yellow {
+  @include u-button-outline ($g-color-yellow, $g-color-gray-dark-v3, $g-color-gray-dark-v3);
+  @include u-button-outline-hover (1, 1, $g-color-yellow);
+  @include u-button-outline-hover (1, 2, $g-color-yellow);
+  @include u-button-outline-hover (1, 3, $g-color-yellow);
+  @include u-button-outline-hover (1, 4, $g-color-yellow);
+  @include u-button-outline-hover (2, 1, $g-color-yellow);
+  @include u-button-outline-hover (2, 2, $g-color-yellow);
+}
+
+/* Outline Button Aqua */
+.u-btn-outline-aqua {
+  @include u-button-outline ($g-color-aqua, $g-color-aqua, $g-color-white);
+  @include u-button-outline-hover (1, 1, $g-color-aqua);
+  @include u-button-outline-hover (1, 2, $g-color-aqua);
+  @include u-button-outline-hover (1, 3, $g-color-aqua);
+  @include u-button-outline-hover (1, 4, $g-color-aqua);
+  @include u-button-outline-hover (2, 1, $g-color-aqua);
+  @include u-button-outline-hover (2, 2, $g-color-aqua);
+}
+
+/* Outline Button Cyan */
+.u-btn-outline-cyan {
+  @include u-button-outline ($g-color-cyan, $g-color-cyan, $g-color-white);
+  @include u-button-outline-hover (1, 1, $g-color-cyan);
+  @include u-button-outline-hover (1, 2, $g-color-cyan);
+  @include u-button-outline-hover (1, 3, $g-color-cyan);
+  @include u-button-outline-hover (1, 4, $g-color-cyan);
+  @include u-button-outline-hover (2, 1, $g-color-cyan);
+  @include u-button-outline-hover (2, 2, $g-color-cyan);
+}
+
+/* Outline Button Teal */
+.u-btn-outline-teal {
+  @include u-button-outline ($g-color-teal, $g-color-teal, $g-color-white);
+  @include u-button-outline-hover (1, 1, $g-color-teal);
+  @include u-button-outline-hover (1, 2, $g-color-teal);
+  @include u-button-outline-hover (1, 3, $g-color-teal);
+  @include u-button-outline-hover (1, 4, $g-color-teal);
+  @include u-button-outline-hover (2, 1, $g-color-teal);
+  @include u-button-outline-hover (2, 2, $g-color-teal);
+}
+
+/* Outline Button Brown */
+.u-btn-outline-brown {
+  @include u-button-outline ($g-color-brown, $g-color-brown, $g-color-white);
+  @include u-button-outline-hover (1, 1, $g-color-brown);
+  @include u-button-outline-hover (1, 2, $g-color-brown);
+  @include u-button-outline-hover (1, 3, $g-color-brown);
+  @include u-button-outline-hover (1, 4, $g-color-brown);
+  @include u-button-outline-hover (2, 1, $g-color-brown);
+  @include u-button-outline-hover (2, 2, $g-color-brown);
+}
+
+/* Outline Button Bluegrey */
+.u-btn-outline-bluegray {
+  @include u-button-outline ($g-color-bluegray, $g-color-bluegray, $g-color-white);
+  @include u-button-outline-hover (1, 1, $g-color-bluegray);
+  @include u-button-outline-hover (1, 2, $g-color-bluegray);
+  @include u-button-outline-hover (1, 3, $g-color-bluegray);
+  @include u-button-outline-hover (1, 4, $g-color-bluegray);
+  @include u-button-outline-hover (2, 1, $g-color-bluegray);
+  @include u-button-outline-hover (2, 2, $g-color-bluegray);
+}
+
+/* Button Facebook */
+.u-btn-outline-facebook {
+  @include u-button-outline ($g-color-facebook, $g-color-facebook, $g-color-white);
+}
+
+/* Button Twitter */
+.u-btn-outline-twitter {
+  @include u-button-outline ($g-color-twitter, $g-color-twitter, $g-color-white);
+}
+
+/* Button Dribbble */
+.u-btn-outline-dribbble {
+  @include u-button-outline ($g-color-dribbble, $g-color-dribbble, $g-color-white);
+}

data/_sass/unify/base/buttons/skew/_button-skew.scss

@@ -0,0 +1,9 @@
+/* Skew Button */
+.u-btn-skew {
+  transform: skewX(-20deg);
+
+  &__inner {
+    transform: skewX(20deg);
+    display: block;
+  }
+}

data/_sass/unify/base/carousel-indicators/_carousel-indicators-v1.scss

@@ -0,0 +1,41 @@
+/*------------------------------------
+  Carousel indicators v1
+------------------------------------*/
+
+.u-carousel-indicators-v1,
+.u-carousel-indicators-v1--white {
+  display: flex !important;
+
+  li {
+    margin: 0 5px;
+    &.slick-active {
+      span {
+        background-color: $g-color-primary;
+      }
+    }
+  }
+
+  span {
+    width: 7px;
+    height: 7px;
+    border-radius: 50%;
+    background-color: $g-color-gray-dark-v4;
+    opacity: 1;
+  }
+}
+
+.u-carousel-indicators-v1 {
+  span {
+    background-color: $g-color-gray-dark-v4;
+  }
+}
+
+.u-carousel-indicators-v1--white {
+  li {
+    &.slick-active {
+      span {
+        background-color: $g-color-white;
+      }
+    }
+  }
+}

data/_sass/unify/base/carousel-indicators/_carousel-indicators-v10.scss

@@ -0,0 +1,47 @@
+/*------------------------------------
+  Carousel indicators v10
+------------------------------------*/
+
+.u-carousel-indicators-v10 {
+  padding-left: 0;
+
+  li {
+    display: block;
+    color: $g-color-black;
+    text-transform: uppercase;
+    background-color: $g-color-gray-light-v1;
+    border-top: {
+      width: 0;
+      style: solid;
+      color: $g-color-white;
+    }
+    vertical-align: top;
+    cursor: pointer;
+    padding: 10px;
+
+    & + li {
+      border-top-width: 1px;
+    }
+
+    &.slick-active {
+      color: $g-color-white;
+      background-color: $g-color-primary;
+    }
+  }
+}
+
+@media (min-width: $g-sm) {
+  .u-carousel-indicators-v10 {
+    position: absolute;
+    top: 0;
+    display: flex;
+    flex-direction: column;
+
+    li {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+    }
+  }
+}

data/_sass/unify/base/carousel-indicators/_carousel-indicators-v11.scss

@@ -0,0 +1,24 @@
+/*------------------------------------
+  Carousel indicators v11
+------------------------------------*/
+
+.u-carousel-indicators-v11 {
+  span {
+    display: block;
+    width: 12px;
+    height: 12px;
+    border: 1px solid $g-color-gray-light-v1;
+    border-radius: 50%;
+    background-color: transparent;
+  }
+
+  li {
+    margin: 0 3px;
+
+    &.slick-active {
+      span {
+        background-color: $g-color-gray-light-v1;
+      }
+    }
+  }
+}

data/_sass/unify/base/carousel-indicators/_carousel-indicators-v12.scss

@@ -0,0 +1,70 @@
+/*------------------------------------
+  Carousel indicators v12
+------------------------------------*/
+
+.u-carousel-indicators-v12,
+.u-carousel-indicators-v12--white {
+  white-space: nowrap;
+
+  li {
+    position: relative;
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    margin: 0 5px;
+
+    span {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      overflow: hidden;
+      background-color: transparent;
+      border-radius: 50%;
+      text-indent: -9999px;
+      transition: background .3s ease;
+
+      &::before,
+      &::after {
+        content: "";
+        display: none;
+      }
+
+      &::before {
+        display: block;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        height: 0;
+        transition: height .3s ease;
+      }
+
+      &:hover,
+      &:focus {
+        background-color: rgba($g-color-black, .2);
+      }
+    }
+
+    &.slick-active {
+      span {
+        &::before {
+          height: 100%;
+        }
+      }
+    }
+  }
+}
+
+.u-carousel-indicators-v12--white {
+  li {
+    span {
+      box-shadow: inset 0 0 0 2px $g-color-white;
+
+      &::before {
+        background-color: $g-color-white;
+        box-shadow: 0 0 1px $g-color-white;
+      }
+    }
+  }
+}

data/_sass/unify/base/carousel-indicators/_carousel-indicators-v13.scss

@@ -0,0 +1,58 @@
+/*------------------------------------
+  Carousel indicators v13
+------------------------------------*/
+
+.u-carousel-indicators-v13,
+.u-carousel-indicators-v13--white {
+  white-space: nowrap;
+
+  li {
+    position: relative;
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    margin: 0 5px;
+
+    span {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      border-radius: 50%;
+      text-indent: -9999px;
+      transition: transform .3s ease, background-color .3s ease;
+
+      &::before,
+      &::after {
+        content: "";
+        display: none;
+      }
+    }
+
+    &.slick-active {
+      span {
+        transform: scale(1.5);
+      }
+    }
+  }
+}
+
+.u-carousel-indicators-v13--white {
+  li {
+    span {
+      background: rgba($g-color-white, .5);
+
+      &:hover,
+      &:focus {
+        background-color: $g-color-white;
+      }
+    }
+
+    &.slick-active {
+      span {
+        background-color: $g-color-white;
+      }
+    }
+  }
+}

data/_sass/unify/base/carousel-indicators/_carousel-indicators-v14.scss

@@ -0,0 +1,53 @@
+/*------------------------------------
+  Carousel indicators v14
+------------------------------------*/
+
+.u-carousel-indicators-v14,
+.u-carousel-indicators-v14--white {
+  white-space: nowrap;
+
+  li {
+    position: relative;
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    margin: 0 5px;
+
+    span {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      border-radius: 50%;
+      text-indent: -9999px;
+      transition: box-shadow .3s ease, background-color .3s ease;
+
+      &::before,
+      &::after {
+        content: "";
+        display: none;
+      }
+    }
+  }
+}
+
+.u-carousel-indicators-v14--white {
+  li {
+    span {
+      background: rgba($g-color-white, .5);
+
+      &:hover,
+      &:focus {
+        background-color: $g-color-white;
+      }
+    }
+
+    &.slick-active {
+      span {
+        background-color: transparent;
+        box-shadow: 0 0 0 2px $g-color-white;
+      }
+    }
+  }
+}

data/_sass/unify/base/carousel-indicators/_carousel-indicators-v15.scss

@@ -0,0 +1,53 @@
+/*------------------------------------
+  Carousel indicators v15
+------------------------------------*/
+
+.u-carousel-indicators-v15,
+.u-carousel-indicators-v15--white {
+  white-space: nowrap;
+
+  li {
+    position: relative;
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    margin: 0 5px;
+
+    span {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background-color: transparent;
+      border-radius: 50%;
+      text-indent: -9999px;
+      transition: box-shadow .3s ease;
+
+      &::before,
+      &::after {
+        content: "";
+        display: none;
+      }
+    }
+  }
+}
+
+.u-carousel-indicators-v15--white {
+  li {
+    span {
+      box-shadow: inset 0 0 0 2px $g-color-white;
+
+      &:hover,
+      &:focus {
+        box-shadow: inset 0 0 0 2px rgba($g-color-white, .6);
+      }
+    }
+
+    &.slick-active {
+      span {
+        box-shadow: inset 0 0 0 8px $g-color-white;
+      }
+    }
+  }
+}

data/_sass/unify/base/carousel-indicators/_carousel-indicators-v16.scss

@@ -0,0 +1,84 @@
+/*------------------------------------
+  Carousel indicators v16
+------------------------------------*/
+
+.u-carousel-indicators-v16,
+.u-carousel-indicators-v16--white {
+  white-space: nowrap;
+
+  li {
+    position: relative;
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    margin: 0 5px;
+
+    span {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background-color: transparent;
+      border-radius: 50%;
+      overflow: hidden;
+      text-indent: -9999px;
+      transition: opacity .3s ease;
+
+      &::before,
+      &::after {
+        content: "";
+        display: none;
+      }
+
+      &::before {
+        display: block;
+        position: absolute;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        border-radius: 50%;
+        transform: scale(0);
+        transform-origin: 50% 50%;
+        transition: transform .3s ease;
+      }
+
+      &:hover,
+      &:focus {
+        opacity: .7;
+      }
+    }
+
+    &.slick-active {
+      span {
+        &::before {
+          transform: scale(1);
+        }
+      }
+    }
+  }
+}
+
+.u-carousel-indicators-v16--white {
+  li {
+    span {
+      box-shadow: inset 0 0 0 2px $g-color-white;
+
+      &::before {
+        background-color: $g-color-white;
+      }
+    }
+  }
+}
+
+// Small Size
+.u-carousel-indicators-v16--sm {
+  li {
+    width: 8px;
+    height: 8px;
+
+    span {
+      box-shadow: inset 0 0 0 1px $g-color-white;
+    }
+  }
+}