jekyll-theme-glueckkanja 1.0.2 → 1.1.0

data/_sass/unify/globals/_bg-covers.scss

@@ -0,0 +1,21 @@
+/*------------------------------------
+  Covers
+------------------------------------*/
+.g-bg-cover {
+  position: relative;
+
+  // Overlay (After) Cover
+  &::after {
+    content: "";
+    @include absolute(top 0 right 0 bottom 0 left 0);
+  }
+  &-v1::after {
+    @include absolute(top 5px right 5px bottom 5px left 5px);
+  }
+
+  // Uses for inner content
+  &__inner {
+    z-index: 1;
+    position: relative;
+  }
+}

data/_sass/unify/globals/_bg-grids.scss

@@ -0,0 +1,37 @@
+/*------------------------------------
+  Images Grid
+------------------------------------*/
+// v1
+.g-bg-grid-v1--before::before {
+  background-image: url(../../assets/img/bg/grid/wave.png);
+}
+
+// v2
+.g-bg-grid-v2--before::after {
+  background-image: url(../../assets/img/bg/grid/tile-left.png);
+}
+
+// v3
+.g-bg-grid-v3--before::after {
+  background-image: url(../../assets/img/bg/grid/tile-right.png);
+}
+
+// v4
+.g-bg-grid-v4--before::after {
+  background-image: url(../../assets/img/bg/grid/diagonal-left.png);
+}
+
+// v5
+.g-bg-grid-v5--before::after {
+  background-image: url(../../assets/img/bg/grid/diagonal-right.png);
+}
+
+// v6
+.g-bg-grid-v6--before::after {
+  background-image: url(../../assets/img/bg/grid/zigzag-left.png);
+}
+
+// v7
+.g-bg-grid-v7--before::after {
+  background-image: url(../../assets/img/bg/grid/zigzag-right.png);
+}

data/_sass/unify/globals/_bg-image-hero.scss

@@ -0,0 +1,8 @@
+/*------------------------------------
+  Background Image Style
+------------------------------------*/
+.g-bg-img-hero {
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+}

data/_sass/unify/globals/_bg-patterns.scss

@@ -0,0 +1,6 @@
+/*------------------------------------
+  Background Patterns
+------------------------------------*/
+.g-bg-pattern-green {
+	background-image: url("../img/bg/pattern--green.png");
+}

data/_sass/unify/globals/_bg-positions.scss

@@ -0,0 +1,18 @@
+/*------------------------------------
+  Background Position
+------------------------------------*/
+.g-bg-pos-center {
+  background-position: center;
+}
+
+.g-bg-pos-left-center {
+  background-position: left center;
+}
+
+.g-bg-pos-top-center {
+  background-position: top center;
+}
+
+.g-bg-pos-bottom-center {
+  background-position: bottom center;
+}

data/_sass/unify/globals/_bg-repeat.scss

@@ -0,0 +1,7 @@
+/*------------------------------------
+  Background Repeat
+------------------------------------*/
+
+.g-bg-no-repeat {
+  background-repeat: no-repeat;
+}

data/_sass/unify/globals/_bg-sizes.scss

@@ -0,0 +1,39 @@
+/*------------------------------------
+  Background Size
+------------------------------------*/
+.g-bg-size-cover {
+  background-size: cover !important;
+}
+
+.g-bg-size-100x {
+  background-size: 100% !important;
+
+  &--hover:hover {
+    background-size: 100% !important;
+  }
+
+  &--parent-hover {
+    .g-parent:hover & {
+      background-size: 100% !important;
+    }
+  }
+}
+
+.g-bg-size-120x {
+  background-size: 120% !important;
+
+  &--hover {
+    background-size: 120% !important;
+  }
+
+  &--parent-hover {
+    .g-parent:hover & {
+      background-size: 120% !important;
+    }
+  }
+}
+
+.g-bg-repeat {
+  background-repeat: repeat !important; /* P */
+  background-size: auto !important;
+}

data/_sass/unify/globals/_block-alignments.scss

@@ -0,0 +1,138 @@
+/*------------------------------------
+  Block Alignments
+------------------------------------*/
+/* Absolute (Position, X, Y) */
+.g-absolute-centered {
+  @include block-centered(absolute, true, true);
+
+  &--x {
+    @include block-centered(absolute, true, false);
+
+    &--md {
+      @media (min-width: $g-md) {
+        @include block-centered(absolute, true, false);
+      }
+    }
+  }
+  &--y {
+    @include block-centered(absolute, false, true);
+
+    &--md {
+      @media (min-width: $g-md) {
+        @include block-centered(absolute, false, true);
+      }
+    }
+  }
+}
+
+/* O */
+.g-transform-origin {
+  &--top-left {
+    transform-origin: top left;
+  }
+
+  &--top-right {
+    transform-origin: top right;
+  }
+}
+
+.g-absolute-centered {
+  &--y {
+    &--scl-0_6 {
+      position: absolute;
+      top: 50%;
+      transform: scale(.6) translateY(-50%);
+    }
+  }
+}
+
+/* Relative (Position, X, Y) */
+.g-relative-centered {
+  @include block-centered(relative, true, true);
+
+  &--x {
+    @include block-centered(relative, true, false);
+  }
+  &--y {
+    @include block-centered(relative, false, true);
+  }
+}
+
+/* Flex centered */
+.g-flex-centered {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  &-item {
+    flex: 1;
+
+    &--top {
+      align-self: flex-start;
+    }
+    &--bottom {
+      align-self: flex-end;
+    }
+  }
+}
+
+/* Flex right */
+.g-flex-right--xs {
+  justify-content: flex-end;
+}
+
+/* Flex middle */
+.g-flex-middle {
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: space-between;
+
+  &-item {
+    margin-top: auto;
+    margin-bottom: auto;
+
+    &--top {
+      margin-top: 0;
+      margin-bottom: 0;
+    }
+    &--bottom {
+      margin-top: auto;
+      margin-bottom: 0;
+    }
+    &--fixed {
+      flex: none;
+      max-width: 50%;
+    }
+  }
+}
+
+@media (min-width: $g-md) {
+  /* Flex right */
+  .g-flex-right--md {
+    justify-content: flex-end;
+  }
+
+  .g-flex-centered--md {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  /* O */
+  .g-absolute-centered {
+    &--y {
+      &--scl-1--md {
+        position: absolute;
+        top: 50%;
+        transform: scale(1) translateY(-50%);
+      }
+    }
+  }
+}
+
+/* Z */
+@media (min-width: $g-sm) {
+  .g-absolute-centered--sm {
+    @include block-centered(absolute, true, true);
+  }
+}

data/_sass/unify/globals/_block-hidden.scss

@@ -0,0 +1,58 @@
+/*------------------------------------
+  Block Hidden
+------------------------------------*/
+.g-hidden-xs-up {
+  display: none !important;
+}
+
+@media (max-width: 575px) {
+  .g-hidden-xs-down {
+    display: none !important;
+  }
+}
+
+@media (min-width: 576px) {
+  .g-hidden-sm-up {
+    display: none !important;
+  }
+}
+
+@media (max-width: 767px) {
+  .g-hidden-sm-down {
+    display: none !important;
+  }
+}
+
+@media (min-width: 768px) {
+  .g-hidden-md-up {
+    display: none !important;
+  }
+}
+
+@media (max-width: 991px) {
+  .g-hidden-md-down {
+    display: none !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .g-hidden-lg-up {
+    display: none !important;
+  }
+}
+
+@media (max-width: 1199px) {
+  .g-hidden-lg-down {
+    display: none !important;
+  }
+}
+
+@media (min-width: 1200px) {
+  .g-hidden-xl-up {
+    display: none !important;
+  }
+}
+
+.g-hidden-xl-down {
+  display: none !important;
+}

data/_sass/unify/globals/_blur.scss

@@ -0,0 +1,19 @@
+/*------------------------------------
+  Blur
+------------------------------------*/
+
+.g-blur {
+  &-30 {
+    filter: blur(30px);
+
+    &--hover:hover {
+      filter: blur(30px);
+    }
+
+    &--parent-hover {
+      .g-parent:hover & {
+        filter: blur(30px);
+      }
+    }
+  }
+}

data/_sass/unify/globals/_border-color-gradients.scss

@@ -0,0 +1,7 @@
+/*------------------------------------
+  Border Gradient Colors
+------------------------------------*/
+/* Cyan Gradient */
+.g-brd-cyan-gradient-opacity-v1 {
+  @include gradient-brd($start-color: rgba(#009, .55), $end-color: rgba(#00bed6, .6), $deg: 160deg);
+}

data/_sass/unify/globals/_border-color-socials.scss

@@ -0,0 +1,101 @@
+/*------------------------------------
+  Social Border Colors
+------------------------------------*/
+/* Facebook */
+.g-brd-facebook {
+  border-color: $g-color-facebook;
+
+  &--hover:hover {
+    border-color: $g-color-facebook !important;
+  }
+}
+
+/* Twitter */
+.g-brd-twitter {
+  border-color: $g-color-twitter;
+
+  &--hover:hover {
+    border-color: $g-color-twitter !important;
+  }
+}
+
+/* Skype */
+.g-brd-skype {
+  border-color: $g-color-skype;
+
+  &--hover:hover {
+    border-color: $g-color-skype !important;
+  }
+}
+
+/* Pinterest */
+.g-brd-pinterest {
+  border-color: $g-color-pinterest;
+
+  &--hover:hover {
+    border-color: $g-color-pinterest !important;
+  }
+}
+
+/* Vine */
+.g-brd-vine {
+  border-color: $g-color-vine;
+
+  &--hover:hover {
+    border-color: $g-color-vine !important;
+  }
+}
+
+/* Youtube */
+.g-brd-youtube {
+  border-color: $g-color-youtube;
+
+  &--hover:hover {
+    border-color: $g-color-youtube !important;
+  }
+}
+
+/* Google plus */
+.g-brd-google-plus {
+  border-color: $g-color-google-plus;
+
+  &--hover:hover {
+    border-color: $g-color-google-plus !important;
+  }
+}
+
+/* Dribbble */
+.g-brd-dribbble {
+  border-color: $g-color-dribbble;
+
+  &--hover:hover {
+    border-color: $g-color-dribbble !important;
+  }
+}
+
+/* VK */
+.g-brd-vk {
+  border-color: $g-color-vk;
+
+  &--hover:hover {
+    border-color: $g-color-vk !important;
+  }
+}
+
+/* Linkedin */
+.g-brd-linkedin {
+  border-color: $g-color-linkedin;
+
+  &--hover:hover {
+    border-color: $g-color-linkedin !important;
+  }
+}
+
+/* Instagram */
+.g-brd-instagram {
+  border-color: $g-color-instagram;
+
+  &--hover:hover {
+    border-color: $g-color-instagram !important;
+  }
+}