jekyll-theme-glueckkanja 1.0.2 → 1.1.0

data/_sass/unify/base/box-shadows/_box-shadows-v3-v4-v5.scss

@@ -0,0 +1,37 @@
+/*------------------------------------
+  Box-shadows-v3-v4-v5
+------------------------------------*/
+%box-shadow {
+  position: relative;
+}
+%box-shadow--after-before {
+  content: "";
+  position: absolute;
+  top: 80%;
+  @include px-to-rem(left, 5px);
+  @include px-to-rem(bottom, 15px);
+  width: 50%;
+  @include px-to-rem(max-width, 300px);
+  background: rgba($g-color-black, .2);
+  z-index: -1;
+}
+.u-shadow-v3,
+.u-shadow-v4,
+.u-shadow-v5 {
+  @extend %box-shadow;
+}
+.u-shadow-v3::after,
+.u-shadow-v3::before,
+.u-shadow-v4::before,
+.u-shadow-v5::after {
+  @extend %box-shadow--after-before;
+  box-shadow: 0 15px 10px rgba($g-color-black, .2);
+  transform: rotate(-3deg);
+}
+.u-shadow-v3::after,
+.u-shadow-v5::after {
+  @extend %box-shadow--after-before;
+  left: auto;
+  @include px-to-rem(right, 5px);
+  transform: rotate(3deg);
+}

data/_sass/unify/base/box-shadows/_box-shadows-v6.scss

@@ -0,0 +1,6 @@
+/*------------------------------------
+  Box-shadows-v6
+------------------------------------*/
+.u-shadow-v6 {
+  box-shadow: 0 8px 6px -6px $g-color-gray-dark-v3;
+}

data/_sass/unify/base/box-shadows/_box-shadows-v7.scss

@@ -0,0 +1,6 @@
+/*------------------------------------
+  Box-shadows-v7
+------------------------------------*/
+.u-shadow-v7 {
+  box-shadow: 1px 1px 1px rgba($g-color-black, .2);
+}

data/_sass/unify/base/box-shadows/_box-shadows-v8.scss

@@ -0,0 +1,14 @@
+/*------------------------------------
+  Box-shadows-v8
+------------------------------------*/
+.u-shadow-v8 {
+  box-shadow: 2px 2px 1px rgba($g-color-black, .05);
+
+  &--hover:hover {
+    box-shadow: 2px 2px 1px rgba($g-color-black, .05);
+  }
+
+  &-1 {
+    box-shadow: 0 0 15px rgba($g-color-black, .05);
+  }
+}

data/_sass/unify/base/box-shadows/_box-shadows-v9.scss

@@ -0,0 +1,6 @@
+/*------------------------------------
+  Box-shadows-v9
+------------------------------------*/
+.u-shadow-v9 {
+  box-shadow: 1px 1px 1px $g-color-gray-light-v4;
+}

data/_sass/unify/base/box-shadows/_box-shadows.scss

@@ -0,0 +1,17 @@
+/*------------------------------------
+  Box-shadows Styles
+------------------------------------*/
+
+.u-shadow-none {
+  box-shadow: none !important;
+
+  &--focus:focus {
+    box-shadow: none !important;
+  }
+
+  &--parent-hover {
+    .g-parent:hover & {
+      box-shadow: none !important;
+    }
+  }
+}

data/_sass/unify/base/breadcrumbs/_breadcrumbs-v1.scss

@@ -0,0 +1,19 @@
+/*------------------------------------
+  Breadcrumbs v1
+------------------------------------*/
+
+.u-breadcrumbs-v1 {
+  padding-left: 0;
+  margin-bottom: 0;
+
+  > * {
+    display: inline-block;
+    vertical-align: middle;
+  }
+
+  a {
+    &:hover {
+      text-decoration: none;
+    }
+  }
+}

data/_sass/unify/base/breadcrumbs/_breadcrumbs-v2.scss

@@ -0,0 +1,62 @@
+/*------------------------------------
+  Breadcrumbs v2
+------------------------------------*/
+
+.u-breadcrumbs-v2 {
+  padding-left: 0;
+  margin-bottom: 0;
+
+  > * {
+    display: inline-block;
+    vertical-align: middle;
+
+    > * {
+      display: block;
+      border-radius: 3px;
+    }
+  }
+
+  a {
+    &:hover {
+      text-decoration: none;
+    }
+  }
+
+  [class*="u-triangle"]:not([class*="__front"], [class*="__back"]) {
+    display: none;
+  }
+}
+
+@media (min-width: $g-md) {
+  .u-breadcrumbs-v2 {
+    > * {
+      position: relative;
+      background-color: $g-color-white;
+
+      > * {
+        border-radius: 0;
+      }
+
+      &:first-child {
+        > * {
+          border-radius: 5px 0 0 5px;
+        }
+      }
+
+      &:last-child {
+        > * {
+          border-radius: 0 5px 5px 0;
+        }
+      }
+    }
+
+    [class*="u-triangle"]:not([class*="__front"], [class*="__back"]) {
+      top: 0;
+      z-index: 2;
+      display: block;
+      width: 20px;
+      height: 100%;
+      margin-left: -0.05em;
+    }
+  }
+}

data/_sass/unify/base/buttons/3d/_button-3d.scss

@@ -0,0 +1,8 @@
+/* 3d Buttons */
+.u-btn-3d {
+  border-bottom: solid 3px rgba($g-color-black,.2);
+
+  &:hover {
+    border-bottom-color: rgba($g-color-black,.3);
+  }
+}

data/_sass/unify/base/buttons/_buttons.scss

@@ -0,0 +1,128 @@
+//
+// Buttons
+//
+
+/* Button Styles
+------------------------------------*/
+/* General Button Styles */
+.btn {
+  position: relative;
+  transition: .2s ease;
+  cursor: pointer;
+
+  &:focus,
+  &:active:focus,
+  &.active:focus {
+    outline: 0 none;
+    box-shadow: none;
+  }
+}
+
+/* Button Content
+------------------------------------*/
+.u-btn-content {
+  white-space: normal;
+}
+
+/* Buttons Only Icon (O)
+------------------------------------*/
+.u-btn-only-icon {
+  position: relative;
+  i {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translateX(-50%) translateY(-50%);
+  }
+}
+
+/* Button Sizes
+------------------------------------*/
+//
+// e.g. @include g-button-size ($padding-y, $padding-x, $font-size);
+//
+
+/* Extra Small */
+.btn-xs {
+  @include u-button-size (2px, 7px, 11px);
+}
+
+/* Medium */
+.btn-md {
+  @include u-button-size (8px, 20px, 15px);
+}
+
+/* Extra Large */
+.btn-xl {
+  @include u-button-size (13px, 26px, 18px);
+}
+
+/* Extramly Large */
+.btn-xxl {
+  @include u-button-size (15px, 30px, 21px);
+}
+
+/* Button Types
+------------------------------------*/
+// Inset
+@import "inset/button-inset";
+
+// Button 3d
+@import "3d/button-3d";
+
+// Button 3d
+@import "skew/button-skew";
+
+/* Button Hovers
+------------------------------------*/
+[class*="u-btn-hover"] {
+  z-index: 1;
+
+  &:hover {
+    text-decoration: none;
+  }
+  &:focus {
+    text-decoration: none;
+  }
+
+  &::after {
+    position: absolute;
+    content: "";
+    z-index: -1;
+    transition: all .3s;
+  }
+}
+
+// Hover v1-1
+@import "hovers/button-hover-v1-1";
+
+// Hover v1-2
+@import "hovers/button-hover-v1-2";
+
+// Hover v1-3
+@import "hovers/button-hover-v1-3";
+
+// Hover v1-4
+@import "hovers/button-hover-v1-4";
+
+// Hover v2-1
+@import "hovers/button-hover-v2-1";
+
+// Hover v2-2
+@import "hovers/button-hover-v2-2";
+
+/* Flat Buttons
+------------------------------------*/
+@import "flat/button-flat";
+
+/* Outline Buttons
+------------------------------------*/
+@import "outline/button-outline";
+
+/* Gradient Buttons
+------------------------------------*/
+@import "gradient/button-gradients";
+
+/* Gradient Outline Buttons
+------------------------------------*/
+@import "gradient-ouline/button-ouline-gradients";

data/_sass/unify/base/buttons/flat/_button-flat-red.scss

@@ -0,0 +1,8 @@
+/* Button Red */
+.btn-u-red {
+  @include u-button-flat ($g-color-red, $g-color-white, $g-color-white);
+  @include u-button-flat-hover-v1 (1, $g-color-red);
+  @include u-button-flat-hover-v1 (2, $g-color-red);
+  @include u-button-flat-hover-v1 (3, $g-color-red);
+  @include u-button-flat-hover-v1 (4, $g-color-red);
+}

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

@@ -0,0 +1,229 @@
+/* Button Primary */
+.u-btn-primary {
+  @include u-button-flat ($g-color-primary, $g-color-white, $g-color-white);
+  @include u-button-flat-hover (1, 1, $g-color-primary);
+  @include u-button-flat-hover (1, 2, $g-color-primary);
+  @include u-button-flat-hover (1, 3, $g-color-primary);
+  @include u-button-flat-hover (1, 4, $g-color-primary);
+  @include u-button-flat-hover (2, 1, $g-color-primary);
+  @include u-button-flat-hover (2, 2, $g-color-primary);
+}
+
+/* Button White */
+.u-btn-white {
+  @include u-button-flat ($g-color-white, $g-color-gray-dark-v3, $g-color-gray-dark-v3);
+  @include u-button-flat-hover (1, 1, $g-color-white);
+  @include u-button-flat-hover (1, 2, $g-color-white);
+  @include u-button-flat-hover (1, 3, $g-color-white);
+  @include u-button-flat-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);
+}
+
+/* Button Black */
+.u-btn-black {
+  @include u-button-flat ($g-color-black, $g-color-white, $g-color-white);
+  @include u-button-flat-hover (1, 1, $g-color-black);
+  @include u-button-flat-hover (1, 2, $g-color-black);
+  @include u-button-flat-hover (1, 3, $g-color-black);
+  @include u-button-flat-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);
+}
+
+/* Button Dark Gray */
+.u-btn-darkgray {
+  @include u-button-flat ($g-color-gray-dark-v2, $g-color-white, $g-color-white);
+  @include u-button-flat-hover (1, 1, $g-color-gray-dark-v2);
+  @include u-button-flat-hover (1, 2, $g-color-gray-dark-v2);
+  @include u-button-flat-hover (1, 3, $g-color-gray-dark-v2);
+  @include u-button-flat-hover (1, 4, $g-color-gray-dark-v2);
+  @include u-button-flat-hover (2, 1, $g-color-gray-dark-v2);
+  @include u-button-flat-hover (2, 2, $g-color-gray-dark-v2);
+}
+
+/* Button Red */
+.u-btn-red {
+  @include u-button-flat ($g-color-red, $g-color-white, $g-color-white);
+  @include u-button-flat-hover (1, 1, $g-color-red);
+  @include u-button-flat-hover (1, 2, $g-color-red);
+  @include u-button-flat-hover (1, 3, $g-color-red);
+  @include u-button-flat-hover (1, 4, $g-color-red);
+  @include u-button-flat-hover (2, 1, $g-color-red);
+  @include u-button-flat-hover (2, 2, $g-color-red);
+}
+
+/* Button Red Tomato */
+.u-btn-lightred {
+  @include u-button-flat ($g-color-lightred, $g-color-white, $g-color-white);
+  @include u-button-flat-hover (1, 1, $g-color-lightred);
+  @include u-button-flat-hover (1, 2, $g-color-lightred);
+  @include u-button-flat-hover (1, 3, $g-color-lightred);
+  @include u-button-flat-hover (1, 4, $g-color-lightred);
+  @include u-button-flat-hover (2, 1, $g-color-lightred);
+  @include u-button-flat-hover (2, 2, $g-color-lightred);
+}
+
+/* Button Dark Red */
+.u-btn-darkred {
+  @include u-button-flat ($g-color-darkred, $g-color-white, $g-color-white);
+  @include u-button-flat-hover (1, 1, $g-color-darkred);
+  @include u-button-flat-hover (1, 2, $g-color-darkred);
+  @include u-button-flat-hover (1, 3, $g-color-darkred);
+  @include u-button-flat-hover (1, 4, $g-color-darkred);
+  @include u-button-flat-hover (2, 1, $g-color-darkred);
+  @include u-button-flat-hover (2, 2, $g-color-darkred);
+}
+
+/* Button Blue */
+.u-btn-blue {
+  @include u-button-flat ($g-color-blue, $g-color-white, $g-color-white);
+  @include u-button-flat-hover (1, 1, $g-color-blue);
+  @include u-button-flat-hover (1, 2, $g-color-blue);
+  @include u-button-flat-hover (1, 3, $g-color-blue);
+  @include u-button-flat-hover (1, 4, $g-color-blue);
+  @include u-button-flat-hover (2, 1, $g-color-blue);
+  @include u-button-flat-hover (2, 2, $g-color-blue);
+}
+
+/* Button Indigo */
+.u-btn-indigo {
+  @include u-button-flat ($g-color-indigo, $g-color-white, $g-color-white);
+  @include u-button-flat-hover (1, 1, $g-color-indigo);
+  @include u-button-flat-hover (1, 2, $g-color-indigo);
+  @include u-button-flat-hover (1, 3, $g-color-indigo);
+  @include u-button-flat-hover (1, 4, $g-color-indigo);
+  @include u-button-flat-hover (2, 1, $g-color-indigo);
+  @include u-button-flat-hover (2, 2, $g-color-indigo);
+}
+
+/* Button Purple */
+.u-btn-purple {
+  @include u-button-flat ($g-color-purple, $g-color-white, $g-color-white);
+  @include u-button-flat-hover (1, 1, $g-color-purple);
+  @include u-button-flat-hover (1, 2, $g-color-purple);
+  @include u-button-flat-hover (1, 3, $g-color-purple);
+  @include u-button-flat-hover (1, 4, $g-color-purple);
+  @include u-button-flat-hover (2, 1, $g-color-purple);
+  @include u-button-flat-hover (2, 2, $g-color-purple);
+}
+
+/* Button Dark Purple */
+.u-btn-darkpurple {
+  @include u-button-flat ($g-color-darkpurple, $g-color-white, $g-color-white);
+  @include u-button-flat-hover (1, 1, $g-color-darkpurple);
+  @include u-button-flat-hover (1, 2, $g-color-darkpurple);
+  @include u-button-flat-hover (1, 3, $g-color-darkpurple);
+  @include u-button-flat-hover (1, 4, $g-color-darkpurple);
+  @include u-button-flat-hover (2, 1, $g-color-darkpurple);
+  @include u-button-flat-hover (2, 2, $g-color-darkpurple);
+}
+
+/* Button Pink */
+.u-btn-pink {
+  @include u-button-flat ($g-color-pink, $g-color-white, $g-color-white);
+  @include u-button-flat-hover (1, 1, $g-color-pink);
+  @include u-button-flat-hover (1, 2, $g-color-pink);
+  @include u-button-flat-hover (1, 3, $g-color-pink);
+  @include u-button-flat-hover (1, 4, $g-color-pink);
+  @include u-button-flat-hover (2, 1, $g-color-pink);
+  @include u-button-flat-hover (2, 2, $g-color-pink);
+}
+
+/* Button Orange */
+.u-btn-orange {
+  @include u-button-flat ($g-color-orange, $g-color-white, $g-color-white);
+  @include u-button-flat-hover (1, 1, $g-color-orange);
+  @include u-button-flat-hover (1, 2, $g-color-orange);
+  @include u-button-flat-hover (1, 3, $g-color-orange);
+  @include u-button-flat-hover (1, 4, $g-color-orange);
+  @include u-button-flat-hover (2, 1, $g-color-orange);
+  @include u-button-flat-hover (2, 2, $g-color-orange);
+}
+
+/* Button Deep Orange */
+.u-btn-deeporange {
+  @include u-button-flat ($g-color-deeporange, $g-color-white, $g-color-white);
+  @include u-button-flat-hover (1, 1, $g-color-deeporange);
+  @include u-button-flat-hover (1, 2, $g-color-deeporange);
+  @include u-button-flat-hover (1, 3, $g-color-deeporange);
+  @include u-button-flat-hover (1, 4, $g-color-deeporange);
+  @include u-button-flat-hover (2, 1, $g-color-deeporange);
+  @include u-button-flat-hover (2, 2, $g-color-deeporange);
+}
+
+/* Button Yellow */
+.u-btn-yellow {
+  @include u-button-flat ($g-color-yellow, $g-color-gray-dark-v3, $g-color-gray-dark-v3);
+  @include u-button-flat-hover (1, 1, $g-color-yellow);
+  @include u-button-flat-hover (1, 2, $g-color-yellow);
+  @include u-button-flat-hover (1, 3, $g-color-yellow);
+  @include u-button-flat-hover (1, 4, $g-color-yellow);
+  @include u-button-flat-hover (2, 1, $g-color-yellow);
+  @include u-button-flat-hover (2, 2, $g-color-yellow);
+}
+
+/* Button Aqua */
+.u-btn-aqua {
+  @include u-button-flat ($g-color-aqua, $g-color-white, $g-color-white);
+  @include u-button-flat-hover (1, 1, $g-color-aqua);
+  @include u-button-flat-hover (1, 2, $g-color-aqua);
+  @include u-button-flat-hover (1, 3, $g-color-aqua);
+  @include u-button-flat-hover (1, 4, $g-color-aqua);
+  @include u-button-flat-hover (2, 1, $g-color-aqua);
+  @include u-button-flat-hover (2, 2, $g-color-aqua);
+}
+
+/* Button Cyan */
+.u-btn-cyan {
+  @include u-button-flat ($g-color-cyan, $g-color-white, $g-color-white);
+  @include u-button-flat-hover (1, 1, $g-color-cyan);
+  @include u-button-flat-hover (1, 2, $g-color-cyan);
+  @include u-button-flat-hover (1, 3, $g-color-cyan);
+  @include u-button-flat-hover (1, 4, $g-color-cyan);
+  @include u-button-flat-hover (2, 1, $g-color-cyan);
+  @include u-button-flat-hover (2, 2, $g-color-cyan);
+}
+
+/* Button Teal */
+.u-btn-teal {
+  @include u-button-flat ($g-color-teal, $g-color-white, $g-color-white);
+  @include u-button-flat-hover (1, 1, $g-color-teal);
+  @include u-button-flat-hover (1, 2, $g-color-teal);
+  @include u-button-flat-hover (1, 3, $g-color-teal);
+  @include u-button-flat-hover (1, 4, $g-color-teal);
+  @include u-button-flat-hover (2, 1, $g-color-teal);
+  @include u-button-flat-hover (2, 2, $g-color-teal);
+}
+
+/* Button Brown */
+.u-btn-brown {
+  @include u-button-flat ($g-color-brown, $g-color-white, $g-color-white);
+  @include u-button-flat-hover (1, 1, $g-color-brown);
+  @include u-button-flat-hover (1, 2, $g-color-brown);
+  @include u-button-flat-hover (1, 3, $g-color-brown);
+  @include u-button-flat-hover (1, 4, $g-color-brown);
+  @include u-button-flat-hover (2, 1, $g-color-brown);
+  @include u-button-flat-hover (2, 2, $g-color-brown);
+}
+
+/* Button Bluegrey */
+.u-btn-bluegray {
+  @include u-button-flat ($g-color-bluegray, $g-color-white, $g-color-white);
+  @include u-button-flat-hover (1, 1, $g-color-bluegray);
+  @include u-button-flat-hover (1, 2, $g-color-bluegray);
+  @include u-button-flat-hover (1, 3, $g-color-bluegray);
+  @include u-button-flat-hover (1, 4, $g-color-bluegray);
+  @include u-button-flat-hover (2, 1, $g-color-bluegray);
+  @include u-button-flat-hover (2, 2, $g-color-bluegray);
+}
+
+/* Button Facebook */
+.u-btn-facebook {
+  @include u-button-flat ($g-color-facebook, $g-color-white, $g-color-white);
+}
+
+/* Button Twitter */
+.u-btn-twitter {
+  @include u-button-flat ($g-color-twitter, $g-color-white, $g-color-white);
+}

data/_sass/unify/base/buttons/gradient/_button-gradients.scss

@@ -0,0 +1,9 @@
+/* Gradient Style v1 */
+.u-btn-gradient-v1 {
+  @include u-button-gradient (#4776E6, #8E54E9);
+}
+
+/* Gradient Style v2 */
+.u-btn-gradient-v2 {
+  @include u-button-gradient (#E040FB, #00BCD4);
+}

data/_sass/unify/base/buttons/gradient-ouline/_button-ouline-gradients.scss

@@ -0,0 +1,9 @@
+/* Gradient Style v1 */
+.u-btn-outline-gradient-v1 {
+  @include u-button-outline-gradient (#4776E6, #8E54E9);
+}
+
+/* Gradient Style v2 */
+.u-btn-outline-gradient-v2 {
+  @include u-button-outline-gradient (#E040FB, #00BCD4);
+}

data/_sass/unify/base/buttons/hovers/_button-hover-v1-1.scss

@@ -0,0 +1,10 @@
+/* Hover v1-1 */
+.u-btn-hover-v1-1::after {
+  top: 0;
+  left: 0;
+  height: 0;
+  width: 100%;
+}
+.u-btn-hover-v1-1:hover::after {
+  height: 100%;
+}

data/_sass/unify/base/buttons/hovers/_button-hover-v1-2.scss

@@ -0,0 +1,10 @@
+/* Hover v1-2 */
+.u-btn-hover-v1-2::after {
+  top: 0;
+  right: 0;
+  width: 0;
+  height: 100%;
+}
+.u-btn-hover-v1-2:hover::after {
+  width: 100%;
+}

data/_sass/unify/base/buttons/hovers/_button-hover-v1-3.scss

@@ -0,0 +1,10 @@
+/* Hover v1-3 */
+.u-btn-hover-v1-3::after {
+  bottom: 0;
+  left: 0;
+  height: 0;
+  width: 100%;
+}
+.u-btn-hover-v1-3:hover::after {
+  height: 100%;
+}

data/_sass/unify/base/buttons/hovers/_button-hover-v1-4.scss

@@ -0,0 +1,10 @@
+/* Hover v1-4 */
+.u-btn-hover-v1-4::after {
+  top: 0;
+  left: 0;
+  width: 0;
+  height: 100%;
+}
+.u-btn-hover-v1-4:hover::after {
+  width: 100%;
+}

data/_sass/unify/base/buttons/hovers/_button-hover-v2-1.scss

@@ -0,0 +1,11 @@
+/* Hover v2-1 */
+.u-btn-hover-v2-1::after {
+  top: 0;
+  right: 0;
+  width: 0;
+  height: 100%;
+}
+.u-btn-hover-v2-1:hover::after {
+  left: 0;
+  width: 100%;
+}

data/_sass/unify/base/buttons/hovers/_button-hover-v2-2.scss

@@ -0,0 +1,11 @@
+/* Hover v2-2 */
+.u-btn-hover-v2-2::after {
+  left: 0;
+  bottom: 0;
+  height: 0;
+  width: 100%;
+}
+.u-btn-hover-v2-2:hover::after {
+  top: 0;
+  height: 100%;
+}

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

@@ -0,0 +1,15 @@
+/* Inset Buttons */
+.u-btn-inset {
+  position: relative;
+
+  &::before {
+    @include absolute(top 2px right 2px bottom 2px left 2px);
+    content: "";
+    border: solid 1px #fff;
+    border-radius: 1px;
+  }
+
+  &--rounded::before {
+    border-radius: 50px;
+  }
+}