jekyll-theme-glueckkanja 1.0.2 → 1.1.0

data/_sass/unify/globals/_transforms.scss

@@ -0,0 +1,229 @@
+/*------------------------------------
+  Transforms
+------------------------------------*/
+
+.g-transform {
+  &-scale {
+    &-0_5 {
+      transform: scale(.5);
+
+      &--hover:hover {
+        transform: scale(.5);
+      }
+
+      &--parent-hover {
+        .g-parent:hover & {
+          transform: scale(.5);
+        }
+      }
+    }
+
+    &-0_8 {
+      transform: scale(.8);
+
+      &--hover:hover {
+        transform: scale(.8);
+      }
+
+      &--parent-hover {
+        .g-parent:hover & {
+          transform: scale(.8);
+        }
+      }
+    }
+
+    &-0_85 {
+      transform: scale(.85);
+
+      &--hover:hover {
+        transform: scale(.85);
+      }
+
+      &--parent-hover {
+        .g-parent:hover & {
+          transform: scale(.85);
+        }
+      }
+    }
+
+    &-0_9 {
+      transform: scale(.9);
+
+      &--hover:hover {
+        transform: scale(.9);
+      }
+
+      &--parent-hover {
+        .g-parent:hover & {
+          transform: scale(.9);
+        }
+      }
+    }
+
+    &-1 {
+      transform: scale(1);
+
+      &--hover:hover {
+        transform: scale(1);
+      }
+
+      &--parent-hover {
+        .g-parent:hover & {
+          transform: scale(1);
+        }
+      }
+    }
+
+    &-1_05 {
+      transform: scale3d(1.05, 1.05, 1.05);
+
+      &--hover:hover {
+        transform: scale3d(1.05, 1.05, 1.05);
+        z-index: 2;
+      }
+
+      &--parent-hover {
+        .g-parent:hover & {
+          transform: scale3d(1.1, 1.1, 1.1);
+        }
+      }
+    }
+
+    &-1_1 {
+      transform: scale3d(1.1, 1.1, 1.1);
+
+      &--hover:hover {
+        transform: scale3d(1.1, 1.1, 1.1);
+        z-index: 2;
+      }
+
+      &--parent-hover {
+        .g-parent:hover & {
+          transform: scale3d(1.1, 1.1, 1.1);
+        }
+      }
+    }
+
+    &-1_2 {
+      transform: scale(1.2);
+
+      &--hover:hover {
+        transform: scale(1.2);
+      }
+
+      &--parent-hover {
+        .g-parent:hover & {
+          transform: scale(1.2);
+        }
+      }
+    }
+  }
+
+  &-translate {
+    &-x {
+      &-100x {
+        transform: translateX(100%);
+
+        &--hover:hover {
+          transform: translateX(100%);
+        }
+
+        &--parent-hover {
+          .g-parent:hover & {
+            transform: translateX(100%);
+          }
+        }
+      }
+
+      &-minus {
+        &-100x {
+          transform: translateX(-100%);
+
+          &--hover:hover {
+            transform: translateX(-100%);
+          }
+
+          &--parent-hover {
+            .g-parent:hover & {
+              transform: translateX(-100%);
+            }
+          }
+        }
+      }
+    }
+
+    &-y {
+      &-5 {
+        transform: translateY(5px);
+
+        &--hover:hover {
+          transform: translateY(5px);
+        }
+
+        &--parent-hover {
+          .g-parent:hover & {
+            transform: translateY(5px);
+          }
+        }
+      }
+
+      &-100x {
+        transform: translateY(100%);
+
+        &--hover:hover {
+          transform: translateY(100%);
+        }
+
+        &--parent-hover {
+          .g-parent:hover & {
+            transform: translateY(100%);
+          }
+        }
+      }
+
+      &-minus {
+        &-5 {
+          transform: translateY(-5px);
+
+          &--hover:hover {
+            transform: translateY(-5px);
+          }
+
+          &--parent-hover {
+            .g-parent:hover & {
+              transform: translateY(-5px);
+            }
+          }
+        }
+
+        &-70 {
+          transform: translateY(-70px);
+
+          &--hover:hover {
+            transform: translateY(-70px);
+          }
+
+          &--parent-hover {
+            .g-parent:hover & {
+              transform: translateY(-70px);
+            }
+          }
+        }
+
+        &-100x {
+          transform: translateY(-100%);
+
+          &--hover:hover {
+            transform: translateY(-100%);
+          }
+
+          &--parent-hover {
+            .g-parent:hover & {
+              transform: translateY(-100%);
+            }
+          }
+        }
+      }
+    }
+  }
+}

data/_sass/unify/globals/_transitions.scss

@@ -0,0 +1,168 @@
+/*------------------------------------
+  Transitions
+------------------------------------*/
+/*.g-transition {
+  &-0_2 {
+    transition: .2s ease-out;
+  }
+  &-0_3 {
+    transition: .3s ease-out;
+  }
+  &-0_6 {
+    transition: .6s ease-out;
+    &-ease {
+      transition: .6s ease;
+    }
+  }
+}
+
+[class*="g-color-"][class*="--hover"] {
+  transition: color .2s ease-out;
+}
+[class*="g-bg-"][class*="--hover"] {
+  transition: background-color .3s ease-out;
+}
+[class*="g-color-"][class*="--hover"][class*="g-bg-"][class*="--hover"] {
+  transition: .3s ease-out;
+}*/
+
+[class*="g-transition"] {
+  transition-property: all;
+  transition-timing-function: ease;
+  transition-delay: 0s;
+
+  &::before,
+  &::after,
+  path,
+  polygon {
+    transition-property: all;
+    transition-timing-function: ease;
+    transition-delay: 0s;
+  }
+}
+
+.g-transition-0_2 {
+  transition-duration: .2s;
+
+  &::before,
+  &::after,
+  path,
+  polygon {
+    transition-duration: .2s;
+  }
+}
+
+.g-transition-0_3 {
+  transition-duration: .3s;
+
+  &::before,
+  &::after,
+  path,
+  polygon {
+    transition-duration: .3s;
+  }
+}
+
+.g-transition-0_5 {
+  transition-duration: .5s;
+
+  &::before,
+  &::after,
+  path,
+  polygon {
+    transition-duration: .5s;
+  }
+}
+
+.g-transition-0_6 {
+  transition-duration: .6s;
+
+  &::before,
+  &::after,
+  path,
+  polygon {
+    transition-duration: .6s;
+  }
+}
+
+.g-transition-delay-0_11 {
+  transition-delay: .11s;
+
+  &::before,
+  &::after,
+  path,
+  polygon {
+    transition-delay: .11s;
+  }
+}
+
+.g-transition-delay-0_2 {
+  transition-delay: .2s;
+
+  &::before,
+  &::after,
+  path,
+  polygon {
+    transition-delay: .2s;
+  }
+}
+
+.g-transition-delay-0_45 {
+  transition-delay: .45s;
+
+  &::before,
+  &::after,
+  path,
+  polygon {
+    transition-delay: .45s;
+  }
+}
+
+//
+// Transition Timing Function
+// .g-transition--ease {
+//   transition-timing-function: ease;
+// }
+.g-transition--ease-out {
+  transition-timing-function: ease-out;
+
+  &::before,
+  &::after,
+  path,
+  polygon {
+    transition-timing-function: ease-out;
+  }
+}
+
+.g-transition--ease-in {
+  transition-timing-function: ease-in;
+
+  &::before,
+  &::after,
+  path,
+  polygon {
+    transition-timing-function: ease-in;
+  }
+}
+
+.g-transition--ease-in-out {
+  transition-timing-function: ease-in-out;
+
+  &::before,
+  &::after,
+  path,
+  polygon {
+    transition-timing-function: ease-in-out;
+  }
+}
+
+.g-transition--linear {
+  transition-timing-function: linear;
+
+  &::before,
+  &::after,
+  path,
+  polygon {
+    transition-timing-function: linear;
+  }
+}

data/_sass/unify/globals/_typo-font-families.scss

@@ -0,0 +1,15 @@
+/*------------------------------------
+  Typography Font Family
+------------------------------------*/
+// .g-font-primary {
+//   font-family: $g-font-primary;
+// }
+.g-font-secondary {
+  font-family: $g-font-secondary;
+}
+.g-font-code {
+  font-family: $g-font-code;
+}
+.g-font-niconne {
+  font-family: $g-font-niconne;
+}

data/_sass/unify/globals/_typo-font-sizes.scss

@@ -0,0 +1,290 @@
+/*------------------------------------
+  Typography Font Size
+------------------------------------*/
+.g-font-size-default {
+  font-size: 1rem !important;
+}
+
+$i: 70;
+@while $i < 96 {
+  .g-font-size-#{$i}x {
+    font-size: $i*1% !important;
+  }
+  $i: $i + 5;
+}
+
+.g-font-size-0 {
+  font-size: 0;
+}
+.g-font-size-5 {
+  @include px-to-rem(font-size, 5px !important);
+}
+.g-font-size-8 {
+  @include px-to-rem(font-size, 8px !important);
+}
+.g-font-size-9 {
+  @include px-to-rem(font-size, 9px !important);
+}
+.g-font-size-10 {
+  @include px-to-rem(font-size, 10px !important);
+}
+.g-font-size-11 {
+  @include px-to-rem(font-size, 11px !important);
+}
+.g-font-size-12 {
+  @include px-to-rem(font-size, 12px !important);
+}
+.g-font-size-13 {
+  @include px-to-rem(font-size, 13px !important);
+}
+.g-font-size-14 {
+  @include px-to-rem(font-size, 14px !important);
+}
+.g-font-size-15 {
+  @include px-to-rem(font-size, 15px !important);
+}
+.g-font-size-16 {
+  @include px-to-rem(font-size, 16px !important);
+}
+.g-font-size-17 {
+  @include px-to-rem(font-size, 17px !important);
+}
+.g-font-size-18 {
+  @include px-to-rem(font-size, 18px !important);
+}
+.g-font-size-20 {
+  @include px-to-rem(font-size, 20px !important);
+}
+.g-font-size-22 {
+  @include px-to-rem(font-size, 22px !important);
+}
+.g-font-size-23 {
+  @include px-to-rem(font-size, 23px !important);
+}
+.g-font-size-24 {
+  @include px-to-rem(font-size, 24px !important);
+}
+.g-font-size-25 {
+  @include px-to-rem(font-size, 25px !important);
+}
+.g-font-size-26 {
+  @include px-to-rem(font-size, 26px !important);
+}
+.g-font-size-27 {
+  @include px-to-rem(font-size, 27px !important);
+}
+.g-font-size-28 {
+  @include px-to-rem(font-size, 28px !important);
+}
+.g-font-size-30 {
+  @include px-to-rem(font-size, 30px !important);
+}
+.g-font-size-32 {
+  @include px-to-rem(font-size, 32px !important);
+}
+.g-font-size-33 {
+  @include px-to-rem(font-size, 33px !important);
+}
+.g-font-size-35 {
+  @include px-to-rem(font-size, 35px !important);
+}
+.g-font-size-36 {
+  @include px-to-rem(font-size, 36px !important);
+}
+.g-font-size-38 {
+  @include px-to-rem(font-size, 38px !important);
+}
+.g-font-size-40 {
+  @include px-to-rem(font-size, 40px !important);
+}
+.g-font-size-42 {
+  @include px-to-rem(font-size, 42px !important);
+}
+.g-font-size-45 {
+  @include px-to-rem(font-size, 45px !important);
+}
+.g-font-size-46 {
+  @include px-to-rem(font-size, 46px !important);
+}
+.g-font-size-48 {
+  @include px-to-rem(font-size, 48px !important);
+}
+.g-font-size-50 {
+  @include px-to-rem(font-size, 50px !important);
+}
+.g-font-size-55 {
+  @include px-to-rem(font-size, 55px !important);
+}
+.g-font-size-56 {
+  @include px-to-rem(font-size, 56px !important);
+}
+.g-font-size-60 {
+  @include px-to-rem(font-size, 60px !important);
+}
+.g-font-size-65 {
+  @include px-to-rem(font-size, 65px !important);
+}
+.g-font-size-70 {
+  line-height: 70px;
+  @include px-to-rem(font-size, 70px !important);
+}
+.g-font-size-75 {
+  @include px-to-rem(font-size, 75px !important);
+}
+.g-font-size-76 {
+  @include px-to-rem(font-size, 76px !important);
+}
+.g-font-size-80 {
+  @include px-to-rem(font-size, 80px !important);
+}
+.g-font-size-86 {
+  @include px-to-rem(font-size, 86px !important);
+}
+.g-font-size-90 {
+  @include px-to-rem(font-size, 90px !important);
+}
+.g-font-size-120 {
+  @include px-to-rem(font-size, 120px !important);
+}
+.g-font-size-200 {
+  line-height: 210px;
+  @include px-to-rem(font-size, 200px !important);
+}
+.g-font-size-180 {
+  @include px-to-rem(font-size, 180px !important);
+}
+
+@media (min-width: $g-sm) {
+  .g-font-size-20--sm {
+    @include px-to-rem(font-size, 20px !important);
+  }
+  .g-font-size-25--sm {
+    @include px-to-rem(font-size, 25px !important);
+  }
+  .g-font-size-40--sm {
+    @include px-to-rem(font-size, 40px !important);
+  }
+  .g-font-size-50--sm {
+    @include px-to-rem(font-size, 50px !important);
+  }
+  .g-font-size-240--sm {
+    @include px-to-rem(font-size, 240px !important);
+  }
+}
+
+@media (min-width: $g-md) {
+  .g-font-size-default--md {
+    font-size: 1rem;
+  }
+  .g-font-size-12--md {
+    @include px-to-rem(font-size, 12px !important);
+  }
+  .g-font-size-16--md {
+    @include px-to-rem(font-size, 16px !important);
+  }
+  .g-font-size-18--md {
+    @include px-to-rem(font-size, 18px !important);
+  }
+  .g-font-size-20--md {
+    @include px-to-rem(font-size, 20px !important);
+  }
+  .g-font-size-24--md {
+    @include px-to-rem(font-size, 24px !important);
+  }
+  .g-font-size-25--md {
+    @include px-to-rem(font-size, 25px !important);
+  }
+  .g-font-size-26--md {
+    @include px-to-rem(font-size, 26px !important);
+  }
+  .g-font-size-27--md {
+    @include px-to-rem(font-size, 27px !important);
+  }
+  .g-font-size-28--md {
+    @include px-to-rem(font-size, 28px !important);
+  }
+  .g-font-size-30--md {
+    @include px-to-rem(font-size, 30px !important);
+  }
+  .g-font-size-32--md {
+    @include px-to-rem(font-size, 32px !important);
+  }
+  .g-font-size-35--md {
+    @include px-to-rem(font-size, 35px !important);
+  }
+  .g-font-size-36--md {
+    @include px-to-rem(font-size, 36px !important);
+  }
+  .g-font-size-40--md {
+    @include px-to-rem(font-size, 40px !important);
+  }
+  .g-font-size-45--md {
+    @include px-to-rem(font-size, 45px !important);
+  }
+  .g-font-size-46--md {
+    @include px-to-rem(font-size, 46px !important);
+  }
+  .g-font-size-48--md {
+    @include px-to-rem(font-size, 48px !important);
+  }
+  .g-font-size-50--md {
+    @include px-to-rem(font-size, 50px !important);
+  }
+  .g-font-size-55--md {
+    @include px-to-rem(font-size, 55px !important);
+  }
+  .g-font-size-56--md {
+    @include px-to-rem(font-size, 56px !important);
+  }
+  .g-font-size-60--md {
+    @include px-to-rem(font-size, 60px !important);
+  }
+  .g-font-size-65--md {
+    @include px-to-rem(font-size, 65px !important);
+  }
+  .g-font-size-70--md {
+    @include px-to-rem(font-size, 70px !important);
+  }
+  .g-font-size-75--md {
+    @include px-to-rem(font-size, 75px !important);
+  }
+  .g-font-size-76--md {
+    @include px-to-rem(font-size, 76px !important);
+  }
+  .g-font-size-90--md {
+    @include px-to-rem(font-size, 90px !important);
+  }
+  .g-font-size-130--md {
+    @include px-to-rem(font-size, 130px !important);
+  }
+}
+
+@media (min-width: $g-lg) {
+  .g-font-size-18--lg {
+    @include px-to-rem(font-size, 18px !important);
+  }
+  .g-font-size-26--lg {
+    @include px-to-rem(font-size, 26px !important);
+  }
+  .g-font-size-35--lg {
+    @include px-to-rem(font-size, 35px !important);
+  }
+  .g-font-size-36--lg {
+    @include px-to-rem(font-size, 36px !important);
+  }
+  .g-font-size-75--lg {
+    @include px-to-rem(font-size, 75px !important);
+  }
+  .g-font-size-76--lg {
+    @include px-to-rem(font-size, 76px !important);
+  }
+  .g-font-size-420--lg {
+    @include px-to-rem(font-size, 420px !important);
+  }
+}
+
+@media (max-width: #{$g-sm}-1) {
+  .g-font-size-25 {
+    @include px-to-rem(font-size, 25px !important);
+  }
+}

data/_sass/unify/globals/_typo-font-styles.scss

@@ -0,0 +1,11 @@
+/*------------------------------------
+  Typography Font Style
+------------------------------------*/
+.g-font-style {
+  &-normal {
+    font-style: normal;
+  }
+  &-italic {
+    font-style: italic;
+  }
+}