jekyll-theme-glueckkanja 1.0.2 → 1.1.0

data/_sass/unify/base/headings/_heading-v1.scss

@@ -0,0 +1,60 @@
+/*------------------------------------
+  Heading-v1
+------------------------------------*/
+[class*="u-heading-v1-"] {
+  position: relative;
+
+  &::before,
+  &::after {
+    content: "";
+    position: absolute;
+    left: auto;
+    right: 0;
+    width: 100%;
+    height: 0;
+    border-top-width: 1px;
+    border-color: inherit;
+  }
+  &.text-center::before,
+  &.text-center::after {
+    left: 0;
+    right: 0;
+  }
+  &.text-right::before,
+  &.text-right::after {
+    left: 0;
+    right: auto;
+  }
+}
+
+.u-heading-v1__title {
+  position: relative;
+  display: inline-block;
+  margin-bottom: 0;
+  @include px-to-rem(padding-right, 15px);
+  background-color: inherit;
+  z-index: 2;
+
+  .text-right & {
+    @include px-to-rem(padding-left, 15px);
+    padding-right: 0;
+  }
+  .text-center & {
+    @include px-to-rem(padding-left, 15px);
+    @include px-to-rem(padding-right, 15px);
+  }
+}
+
+
+
+//
+// Imports
+//
+
+@import "heading-v1-1";
+@import "heading-v1-2";
+@import "heading-v1-3";
+@import "heading-v1-4";
+@import "heading-v1-5";
+@import "heading-v1-6";
+@import "heading-v1-7";

data/_sass/unify/base/headings/_heading-v2-1.scss

@@ -0,0 +1,19 @@
+/*------------------------------------
+  Heading-v2-1
+------------------------------------*/
+%u-heading-v2-1 {
+  @include px-to-rem(width, 44px);
+  border-top-width: 2px;
+}
+.u-heading-v2-1 {
+  &--bottom::after {
+    @extend %u-heading-v2;
+    @extend %u-heading-v2-1;
+    @include px-to-rem(margin-top, 25px);
+  }
+  &--top::before {
+    @extend %u-heading-v2;
+    @extend %u-heading-v2-1;
+    @include px-to-rem(margin-bottom, 25px);
+  }
+}

data/_sass/unify/base/headings/_heading-v2-2.scss

@@ -0,0 +1,19 @@
+/*------------------------------------
+  Heading-v2-2
+------------------------------------*/
+%u-heading-v2-2 {
+  @include px-to-rem(width, 38px);
+  border-top-width: 5px;
+}
+.u-heading-v2-2 {
+  &--bottom::after {
+    @extend %u-heading-v2;
+    @extend %u-heading-v2-2;
+    @include px-to-rem(margin-top, 25px);
+  }
+  &--top::before {
+    @extend %u-heading-v2;
+    @extend %u-heading-v2-2;
+    @include px-to-rem(margin-bottom, 25px);
+  }
+}

data/_sass/unify/base/headings/_heading-v2-3.scss

@@ -0,0 +1,19 @@
+/*------------------------------------
+  Heading-v2-3
+------------------------------------*/
+%u-heading-v2-3 {
+  @include px-to-rem(width, 70px);
+  border-top-width: 1px;
+}
+.u-heading-v2-3 {
+  &--bottom::after {
+    @extend %u-heading-v2;
+    @extend %u-heading-v2-3;
+    @include px-to-rem(margin-top, 15px);
+  }
+  &--top::before {
+    @extend %u-heading-v2;
+    @extend %u-heading-v2-3;
+    @include px-to-rem(margin-bottom, 15px);
+  }
+}

data/_sass/unify/base/headings/_heading-v2-4.scss

@@ -0,0 +1,19 @@
+/*------------------------------------
+  Heading-v2-4
+------------------------------------*/
+%u-heading-v2-4 {
+  @include px-to-rem(width, 70px);
+  border-top-width: 10px;
+}
+.u-heading-v2-4 {
+  &--bottom::after {
+    @extend %u-heading-v2;
+    @extend %u-heading-v2-4;
+    @include px-to-rem(margin-top, 30px);
+  }
+  &--top::before {
+    @extend %u-heading-v2;
+    @extend %u-heading-v2-4;
+    @include px-to-rem(margin-bottom, 30px);
+  }
+}

data/_sass/unify/base/headings/_heading-v2-5.scss

@@ -0,0 +1,19 @@
+/*------------------------------------
+  Heading-v2-5
+------------------------------------*/
+%u-heading-v2-5 {
+  @include px-to-rem(width, 70px);
+  border-top-width: 2px;
+}
+.u-heading-v2-5 {
+  &--bottom::after {
+    @extend %u-heading-v2;
+    @extend %u-heading-v2-5;
+    @include px-to-rem(margin-top, 20px);
+  }
+  &--top::before {
+    @extend %u-heading-v2;
+    @extend %u-heading-v2-5;
+    @include px-to-rem(margin-bottom, 20px);
+  }
+}

data/_sass/unify/base/headings/_heading-v2-6.scss

@@ -0,0 +1,19 @@
+/*------------------------------------
+  Heading-v2-6
+------------------------------------*/
+%u-heading-v2-6 {
+  @include px-to-rem(width, 30px);
+  border-top-width: 1px;
+}
+.u-heading-v2-6 {
+  &--bottom::after {
+    @extend %u-heading-v2;
+    @extend %u-heading-v2-6;
+    @include px-to-rem(margin-top, 10px);
+  }
+  &--top::before {
+    @extend %u-heading-v2;
+    @extend %u-heading-v2-6;
+    @include px-to-rem(margin-bottom, 10px);
+  }
+}

data/_sass/unify/base/headings/_heading-v2-7.scss

@@ -0,0 +1,19 @@
+/*------------------------------------
+  Heading-v2-7
+------------------------------------*/
+%u-heading-v2-7 {
+  @include px-to-rem(width, 168px);
+  border-top-width: 10px;
+}
+.u-heading-v2-7 {
+  &--bottom::after {
+    @extend %u-heading-v2;
+    @extend %u-heading-v2-7;
+    @include px-to-rem(margin-top, 40px);
+  }
+  &--top::before {
+    @extend %u-heading-v2;
+    @extend %u-heading-v2-7;
+    @include px-to-rem(margin-bottom, 40px);
+  }
+}

data/_sass/unify/base/headings/_heading-v2.scss

@@ -0,0 +1,23 @@
+/*------------------------------------
+  Heading-v2
+------------------------------------*/
+%u-heading-v2 {
+  content: "";
+  display: inline-block;
+  border-top-style: solid;
+  border-color: inherit;
+}
+
+
+
+//
+// Imports
+//
+
+@import "heading-v2-1";
+@import "heading-v2-2";
+@import "heading-v2-3";
+@import "heading-v2-4";
+@import "heading-v2-5";
+@import "heading-v2-6";
+@import "heading-v2-7";

data/_sass/unify/base/headings/_heading-v3.scss

@@ -0,0 +1,14 @@
+/*------------------------------------
+  Heading-v3
+------------------------------------*/
+[class*="u-heading-v3-"] {
+  border-bottom: 1px dotted $g-color-gray-light-v2;
+}
+.u-heading-v3__title {
+  position: relative;
+  top: 1px;
+  display: inline-block;
+  margin: 0;
+  @include px-to-rem(padding-bottom, 10px);
+  border-bottom: 1px solid $g-color-gray-dark-v3;
+}

data/_sass/unify/base/headings/_heading-v4.scss

@@ -0,0 +1,16 @@
+/*------------------------------------
+  Heading-v4
+------------------------------------*/
+[class*="u-heading-v4-"] {
+  @include px-to-rem(padding, 2px 0 3px 20px);
+  border-left-width: 4px;
+  border-left-style: solid;
+  border-color: inherit;
+
+  &.text-right {
+    @include px-to-rem(padding, 2px 20px 3px 0);
+    border-left-width: 0;
+    border-right-width: 4px;
+    border-right-style: solid;
+  }
+}

data/_sass/unify/base/headings/_heading-v5-1.scss

@@ -0,0 +1,20 @@
+/*------------------------------------
+  Heading-v5-1
+------------------------------------*/
+.u-heading-v5-1 {
+  & .u-heading-v5__title {
+    @include px-to-rem(padding-top, 25px);
+  }
+  & .u-heading-v5__title::before {
+    top: 0;
+    left: 2px;
+  }
+  &.text-center .u-heading-v5__title::before {
+    left: 50%;
+    margin-left: -6px;
+  }
+  &.text-right .u-heading-v5__title::before {
+    left: auto;
+    right: 2px;
+  }
+}

data/_sass/unify/base/headings/_heading-v5-2.scss

@@ -0,0 +1,19 @@
+/*------------------------------------
+  Heading-v5-2
+------------------------------------*/
+.u-heading-v5-2 {
+  & .u-heading-v5__title::before {
+    left: 0;
+    bottom: 3px;
+  }
+  &.text-right .u-heading-v5__title::before {
+    left: auto;
+    right: 0;
+  }
+  & .u-heading-v5__title {
+    @include px-to-rem(padding-left, 25px);
+  }
+  &.text-right .u-heading-v5__title {
+    @include px-to-rem(padding-right, 25px);
+  }
+}

data/_sass/unify/base/headings/_heading-v5-3.scss

@@ -0,0 +1,20 @@
+/*------------------------------------
+  Heading-v5-3
+------------------------------------*/
+.u-heading-v5-3 {
+  & .u-heading-v5__title::before {
+    left: 2px;
+    bottom: 0;
+  }
+  &.text-center .u-heading-v5__title::before {
+    left: 50%;
+    margin-left: -6px;
+  }
+  &.text-right .u-heading-v5__title::before {
+    left: auto;
+    right: 2px;
+  }
+  & .u-heading-v5__title {
+    @include px-to-rem(padding-bottom, 25px);
+  }
+}

data/_sass/unify/base/headings/_heading-v5.scss

@@ -0,0 +1,39 @@
+/*------------------------------------
+  Heading-v5
+------------------------------------*/
+.u-heading-v5__title {
+  position: relative;
+  display: inline-block;
+  line-height: 1;
+
+  &::before {
+    content: "";
+    position: absolute;
+    display: inline-block;
+    @include px-to-rem(width, 12px);
+    @include px-to-rem(height, 12px);
+    background: $g-color-main;
+  }
+  .u-heading-v5-color-primary &::before {
+    background: $g-color-primary;
+  }
+  .u-heading-v5-color-gray-light-v2 &::before {
+    background: $g-color-gray-light-v2;
+  }
+  .u-heading-v5-color-white &::before {
+    background: $g-color-white;
+  }
+  .u-heading-v5-rounded-50x &::before {
+    border-radius: 50%;
+  }
+}
+
+
+
+//
+// Imports
+//
+
+@import "heading-v5-1";
+@import "heading-v5-2";
+@import "heading-v5-3";

data/_sass/unify/base/headings/_heading-v6-1.scss

@@ -0,0 +1,34 @@
+/*------------------------------------
+  Heading-v6-1
+------------------------------------*/
+.u-heading-v6-1 {
+  & .u-heading-v6__title,
+  & .u-heading-v6__subtitle {
+    @include px-to-rem(padding-right, 90px);
+  }
+  &.text-center .u-heading-v6__title,
+  &.text-right .u-heading-v6__title,
+  &.text-center .u-heading-v6__subtitle,
+  &.text-right .u-heading-v6__subtitle {
+    @include px-to-rem(padding-left, 90px);
+  }
+  &.text-right .u-heading-v6__title,
+  &.text-right .u-heading-v6__subtitle {
+    padding-right: 0;
+  }
+  & .u-heading-v6__title::after {
+    @extend %u-heading-v6__title;
+    right: 0;
+  }
+  &.text-center .u-heading-v6__title::before {
+    @extend %u-heading-v6__title;
+    left: 0;
+  }
+  &.text-right .u-heading-v6__title::before {
+    @extend %u-heading-v6__title;
+    left: 0;
+  }
+  &.text-right .u-heading-v6__title::after {
+    display: none;
+  }
+}

data/_sass/unify/base/headings/_heading-v6-2.scss

@@ -0,0 +1,34 @@
+/*------------------------------------
+  Heading-v6-1
+------------------------------------*/
+.u-heading-v6-2 {
+  & .u-heading-v6__title,
+  & .u-heading-v6__subtitle {
+    @include px-to-rem(padding-left, 90px);
+  }
+  &.text-center .u-heading-v6__title,
+  &.text-right .u-heading-v6__title,
+  &.text-center .u-heading-v6__subtitle,
+  &.text-right .u-heading-v6__subtitle {
+    @include px-to-rem(padding-right, 90px);
+  }
+  &.text-right .u-heading-v6__title,
+  &.text-right .u-heading-v6__subtitle {
+    padding-left: 0;
+  }
+  & .u-heading-v6__title::after {
+    @extend %u-heading-v6__title;
+    left: 0;
+  }
+  &.text-center .u-heading-v6__title::before {
+    @extend %u-heading-v6__title;
+    right: 0;
+  }
+  &.text-right .u-heading-v6__title::before {
+    @extend %u-heading-v6__title;
+    right: 0;
+  }
+  &.text-right .u-heading-v6__title::after {
+    display: none;
+  }
+}

data/_sass/unify/base/headings/_heading-v6.scss

@@ -0,0 +1,27 @@
+/*------------------------------------
+  Heading-v6
+------------------------------------*/
+.u-heading-v6__title {
+  display: inline-block;
+  position: relative;
+}
+%u-heading-v6__title {
+  content: "";
+  position: absolute;
+  top: 50%;
+  display: inline-block;
+  @include px-to-rem(width, 70px);
+  border-top-width: 1px;
+  // border-top-width: 2px;
+  border-top-style: solid;
+  border-color: inherit;
+}
+
+
+
+//
+// Imports
+//
+
+@import "heading-v6-1";
+@import "heading-v6-2";

data/_sass/unify/base/headings/_heading-v7-1.scss

@@ -0,0 +1,6 @@
+/*------------------------------------
+  Heading-v7-1
+------------------------------------*/
+.u-heading-v7-1 .u-heading-v7-divider__icon {
+  font-size: .6rem;
+}

data/_sass/unify/base/headings/_heading-v7-3.scss

@@ -0,0 +1,7 @@
+/*------------------------------------
+  Heading-v7-3
+------------------------------------*/
+.u-heading-v7-3 .u-heading-v7-divider::after,
+.u-heading-v7-3 .u-heading-v7-divider::before {
+  display: none;
+}

data/_sass/unify/base/headings/_heading-v7.scss

@@ -0,0 +1,46 @@
+/*------------------------------------
+  Heading-v7
+------------------------------------*/
+%u-heading-v7-divider {
+  content: "";
+  position: absolute;
+  top: 52%;
+  display: inline-block;
+  @include px-to-rem(width, 40px);
+  border-top-width: 1px;
+  border-top-style: solid;
+  border-color: inherit;
+}
+.u-heading-v7-divider {
+  position: relative;
+  display: inline-block;
+
+  &::after {
+    @extend %u-heading-v7-divider;
+    @include px-to-rem(right, -55px);
+  }
+  .text-center &::before {
+    @extend %u-heading-v7-divider;
+    @include px-to-rem(left, -55px);
+  }
+  .text-right &::before {
+    @extend %u-heading-v7-divider;
+    @include px-to-rem(left, -55px);
+  }
+  .text-right &::after {
+    display: none;
+  }
+  &__icon {
+    display: inline-block;
+    font-size: 1.4rem;
+  }
+}
+
+
+
+//
+// Imports
+//
+
+@import "heading-v7-1";
+@import "heading-v7-3";

data/_sass/unify/base/headings/_heading-v8-1.scss

@@ -0,0 +1,7 @@
+/*------------------------------------
+  Heading-v8-1
+------------------------------------*/
+.u-heading-v8-1 .u-heading-v8__title strong {
+  @extend %u-heading-v8__title;
+  @include px-to-rem(padding, 1px 7px);
+}

data/_sass/unify/base/headings/_heading-v8-2.scss

@@ -0,0 +1,7 @@
+/*------------------------------------
+  Heading-v8-2
+------------------------------------*/
+.u-heading-v8-2 .u-heading-v8__title strong {
+  @extend %u-heading-v8__title;
+  @include px-to-rem(padding, 10px 15px);
+}

data/_sass/unify/base/headings/_heading-v8.scss

@@ -0,0 +1,16 @@
+/*------------------------------------
+  Heading-v8
+------------------------------------*/
+%u-heading-v8__title {
+  display: inline-block;
+  font-weight: inherit;
+}
+
+
+
+//
+// Imports
+//
+
+@import "heading-v8-1";
+@import "heading-v8-2";

data/_sass/unify/base/headings/_headings.scss

@@ -0,0 +1,19 @@
+/*------------------------------------
+  Headings
+------------------------------------*/
+
+/* Massive Underline */
+.u-heading-massive-underline {
+  position: relative;
+
+  &::before {
+    content: "";
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: .2em;
+    height: .3em;
+    background-color: $g-color-primary-light-v2;
+    z-index: -1;
+  }
+}

data/_sass/unify/base/icons/_icon-hover-effect-1.scss

@@ -0,0 +1,68 @@
+/*------------------------------------
+  Effect v1
+------------------------------------*/
+@import "icon-hover-extend";
+
+.u-icon-effect-v1-1--hover,
+.u-icon-effect-v1-2--hover {
+  position: relative;
+  overflow: inherit;
+}
+
+.u-icon-effect-v1-1--hover::after,
+.u-icon-effect-v1-2--hover::after {
+  @extend %u-icon-hover-effect-after;
+  @include px-to-rem(top, -7px);
+  @include px-to-rem(left, -7px);
+  @include px-to-rem(padding, 7px);
+  box-shadow: 0 0 0 1px $g-color-primary;
+  transition: all .2s ease-in-out;
+  opacity: 0;
+}
+
+.u-icon-effect-v1-1--hover:hover,
+.u-icon-effect-v1-2--hover:hover,
+.u-icon-v4.u-icon-effect-v1-1--hover:hover .u-icon-v4-inner,
+.u-icon-v4.u-icon-effect-v1-2--hover:hover .u-icon-v4-inner,
+.u-icon-block--hover:hover .u-icon-effect-v1-1--hover,
+.u-icon-block--hover:hover .u-icon-effect-v1-2--hover,
+.u-icon-block--hover:hover .u-icon-v4.u-icon-effect-v1-1--hover .u-icon-v4-inner,
+.u-icon-block--hover:hover .u-icon-v4.u-icon-effect-v1-2--hover .u-icon-v4-inner {
+  color: $g-color-white;
+  border-color: $g-color-primary;
+  background: $g-color-primary !important;
+}
+
+.u-icon-v4.u-icon-effect-v1-1--hover:hover,
+.u-icon-v4.u-icon-effect-v1-2--hover:hover,
+.u-icon-block--hover:hover .u-icon-v4.u-icon-effect-v1-1--hover,
+.u-icon-block--hover:hover .u-icon-v4.u-icon-effect-v1-2--hover {
+  border-color: transparent;
+}
+
+// Effect v1-1
+.u-icon-effect-v1-1--hover::after {
+  transform: scale(.8);
+}
+
+.u-icon-effect-v1-1--hover:hover::after,
+.u-icon-block--hover:hover .u-icon-effect-v1-1--hover::after {
+  transform: scale(1);
+  opacity: 1;
+}
+
+// Effect v1-2
+.u-icon-effect-v1-2--hover::after {
+  transform: scale(1.2);
+}
+
+.u-icon-effect-v1-2--hover:hover::after,
+.u-icon-block--hover:hover .u-icon-effect-v1-2--hover::after {
+  transform: scale(1);
+  opacity: 1;
+}
+
+.u-icon-v4.u-icon-effect-v1-2--hover:hover::after,
+.u-icon-block--hover:hover .u-icon-v4.u-icon-effect-v1-2--hover::after {
+  transform: scale(.8);
+}

data/_sass/unify/base/icons/_icon-hover-effect-2.scss

@@ -0,0 +1,29 @@
+/*------------------------------------
+  Effect v2
+------------------------------------*/
+@import "icon-hover-extend";
+
+.u-icon-effect-v2--hover {
+  transition: all .5s;
+  overflow: inherit;
+}
+
+.u-icon-effect-v2--hover::after {
+  @extend %u-icon-hover-effect-after;
+  top: -4px;
+  left: -4px;
+  padding: 4px;
+  // background: $g-color-primary;
+  z-index: -1;
+  transition: all .5s;
+}
+.u-icon-effect-v2--hover:hover,
+.u-icon-effect-v2--hover:hover::after {
+  background: $g-color-primary;
+}
+
+.u-icon-effect-v2--hover:hover::after,
+.u-icon-block--hover:hover .u-icon-effect-v2--hover::after {
+  opacity: 0;
+  transform: scale(1.5);
+}