jekyll-theme-glueckkanja 1.0.2 → 1.1.0

data/_sass/unify/blocks/info-v7/_info-v7-1.scss

@@ -0,0 +1,34 @@
+/*--------------------------------------------------
+  Info Block v7-1
+----------------------------------------------------*/
+
+.u-info-v7-1__item {
+	border: 2px solid transparent;
+	transition: all .2s ease-in-out;
+	
+	&-child-v1 {
+		border: 5px solid transparent;
+		transition: all .2s ease-in-out;
+	}
+
+	&-child-v2 {
+		transition: all .2s ease-in-out;
+	}
+}
+
+.u-info-v7-1:hover {
+	border-color: $g-color-gray-light-v4;
+	
+	.u-info-v7-1__item {
+		border-color: $g-color-gray-light-v3;
+	}
+	
+	.u-info-v7-1__item-child-v1 {
+		border-color: $g-color-gray-light-v3;
+	}
+
+	.u-info-v7-1__item-child-v2 {
+		color: $g-color-white;
+		background: $g-color-primary
+	}
+}

data/_sass/unify/blocks/info-v8/_info-v8-1.scss

@@ -0,0 +1,31 @@
+/*--------------------------------------------------
+  Info Block v8-1
+----------------------------------------------------*/
+
+.u-hs-filter {
+  // border-bottom: solid 1px $g-color-gray-light-v4;
+  // padding-bottom: 5px;
+
+  a {
+    @include px-to-rem(padding, 5px 10px);
+    @include px-to-rem(font-size, 12px);
+    color: $g-color-gray-dark-v2;
+    border: solid 1px $g-color-gray-dark-v2;
+    text-transform: uppercase;
+    border-radius: .25rem;
+    transition: all .3s;
+
+    &:hover,
+    &:focus {
+      text-decoration: none;
+    }
+    &:hover {
+      color: $g-color-white;
+      background-color: $g-color-gray-dark-v2;
+    }
+  }
+  .active a {
+    color: $g-color-white;
+    background: $g-color-gray-dark-v2;
+  }
+}

data/_sass/unify/blocks/info-v9/_info-v9-1.scss

@@ -0,0 +1,18 @@
+/*--------------------------------------------------
+  Info Block v9-1
+----------------------------------------------------*/
+
+@media (min-width: $g-md) {
+  .u-info-v9-1 {
+    position: relative;
+
+    &::before {
+      position: absolute;
+      top: 111px;
+      left: 17%;
+      width: 66%;
+      border-top: 1px dotted $g-color-gray-light-v3;
+      content: " ";
+    }
+  }
+}

data/_sass/unify/core/_style.scss

@@ -0,0 +1,85 @@
+/*------------------------------------
+  Default Styles
+------------------------------------*/
+html {
+  font-size: $g-font-primary-size;
+  overflow-x: hidden; // R
+}
+
+body {
+  font: {
+    weight: 400;
+    size: 1rem;
+    family: $g-font-primary;
+  }
+  line-height: 1.6;
+  color: $g-color-main;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -moz-font-feature-settings: "liga", "kern";
+  text-rendering: optimizelegibility;
+  background-color: $g-bg-color-main;
+}
+
+a {
+  color: $g-color-primary;
+  outline: none;
+}
+a:focus,
+a:hover {
+  color: $g-color-primary-dark-v2;
+}
+
+.nav-link {
+  color: $g-color-main;
+}
+.nav-link:focus,
+.nav-link:hover {
+  color: $g-color-main;
+}
+
+figure {
+  margin-bottom: 0;
+}
+
+/*------------------------------------
+  Headings
+------------------------------------*/
+.h1, .h2, .h3, .h4, .h5, .h6, .h7,
+h1, h2, h3, h4, h5, h6 {
+  line-height: 1.4;
+}
+
+.h7 {
+  font-size: .75rem;
+}
+
+/*------------------------------------
+  Displays
+------------------------------------*/
+.display-5 {
+  font-size: 3rem;
+  font-weight: 300;
+  line-height: 1.1;
+}
+
+/*------------------------------------
+  Highlight Color
+------------------------------------*/
+::-moz-selection {
+  color: $g-color-white;
+  background-color: $g-color-primary;
+}
+::selection {
+  color: $g-color-white;
+  background-color: $g-color-primary;
+}
+
+.g-bg-primary ::-moz-selection {
+  color: $g-color-primary;
+  background-color: $g-color-white;
+}
+.g-bg-primary ::selection {
+  color: $g-color-primary;
+  background-color: $g-color-white;
+}

data/_sass/unify/custom/_custom.mixins.scss

@@ -0,0 +1 @@
+// Add here all your customized mixins

data/_sass/unify/custom/_custom.scss

@@ -0,0 +1 @@
+/* Add here all your css styles (customizations) */

data/_sass/unify/custom/_custom.variables.scss

@@ -0,0 +1 @@
+// Add here all your customized variables

data/_sass/unify/custom.scss

@@ -0,0 +1,6 @@
+//
+// Custom Styles
+//
+
+// Custom
+@import "custom/custom";

data/_sass/unify/demo/_demo.icons.scss

@@ -0,0 +1,19 @@
+/*------------------------------------
+  Demo of Icons
+------------------------------------*/
+.u-icons-demo {
+
+  &__item {
+    border: solid 1px $g-color-gray-light-v4;
+    margin: 0 -1px -1px 0;
+    padding: 20px 15px;
+  }
+
+  &-item__value,
+  &-item__value:focus {
+    width: 100%;
+    text-align: center;
+    border: none;
+    outline: none;
+  }
+}

data/_sass/unify/globals/_absolute-reset.scss

@@ -0,0 +1,5 @@
+.g-abs-reset {
+  &-margins {
+    margin: 0 !important;
+  }
+}

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

@@ -0,0 +1,6 @@
+/*------------------------------------
+  Block Alignments
+------------------------------------*/
+.g-bg-attachment-fixed {
+  background-attachment: fixed;
+}

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

@@ -0,0 +1,222 @@
+/*------------------------------------
+  Background Gradient Colors
+------------------------------------*/
+/* Simple Linear Gradients
+------------------------------------*/
+/* Gray Light v1 */
+.g-bg-gray-light-gradient-v1 {
+  &--after::after {
+    background: linear-gradient(to bottom, rgba($g-color-gray-light-v5,.5), rgba($g-color-gray-light-v5,1));
+  }
+}
+
+/* White v1 */
+.g-bg-white-gradient-v1 {
+  &--after::after {
+    background: linear-gradient(to bottom, rgba($g-color-white,.5), rgba($g-color-white,.9));
+  }
+}
+
+/* Linear Gradients
+------------------------------------*/
+/* Gray Gradient */
+.g-bg-gray-lineargradient {
+  @include gradient-directional($start-color: #fff, $end-color: #dbdbdb, $deg: 180deg);
+}
+
+/* Blue Pink Gradient */
+.g-bg-bluepink-lineargradient {
+  @include gradient-directional($start-color: hsla(205, 62%, 44%, 1), $end-color: #f62d51, $deg: 50deg);
+}
+
+/* Blue Gradient */
+.g-bg-blue-lineargradient {
+  @include gradient-directional($start-color: #73bec7, $end-color: #4e66b0, $deg: 0deg);
+}
+.g-bg-blue-lineargradient-v2 {
+  @include gradient-directional($start-color: #429edc, $end-color: #00629e, $deg: 225deg);
+}
+.g-bg-blue-lineargradient-v3 {
+  @include gradient-directional($start-color: #3266a2, $end-color: #98cfbf, $deg: 225deg);
+}
+.g-bg-blue-lineargradient-v4 {
+  @include gradient-directional($start-color: #5b85df, $end-color: #3ec2e3, $deg: 225deg);
+}
+.g-bg-blue-lineargradient-v5 {
+  @include gradient-directional($start-color: #0050c2, $end-color: #5180fa, $deg: 225deg);
+}
+
+/* Orange Gradient */
+.g-bg-orange-lineargradient {
+  @include gradient-directional($start-color: #be1715, $end-color: #ed6d0f, $deg: 225deg);
+}
+.g-bg-orange-lineargradient-v2 {
+  @include gradient-directional($start-color: #f5cd21, $end-color: #c22821, $deg: 225deg);
+}
+
+/* Yellow Gradient */
+.g-bg-yellow-lineargradient {
+  @include gradient-directional($start-color: #f59b00, $end-color: #f5d400, $deg: 225deg);
+}
+
+/* Dark Purple Gradient */
+.g-bg-darkpurple-lineargradient {
+  @include gradient-directional($start-color: #0b011d, $end-color: #330c3c, $deg: 225deg);
+}
+
+/* Blue Gray Gradient */
+.g-bg-bluegray-lineargradient {
+  @include gradient-directional($start-color: #1d253c, $end-color: #3e4757, $deg: 225deg);
+}
+
+/* Pink Gradient */
+.g-bg-pink-lineargradient {
+  @include gradient-directional($start-color: #b6003b, $end-color: #ed1261, $deg: 225deg);
+}
+
+/* Pink-v2 Gradient */
+.g-bg-pink-lineargradient-v2 {
+  @include gradient-x-three-colors($x-derection: right, $y-direction: top, $start-color: #fc7279, $start-color-stop: 10%, $mid-color: #ff7b9c, $mid-color-stop: 65%, $end-color: #ffc019, $end-color-stop: 125%);
+}
+
+/* Red Gradient */
+.g-bg-red-lineargradient {
+  @include gradient-directional($start-color: #d70417, $end-color: #9f041b, $deg: 225deg);
+}
+
+/* Black Gradient */
+.g-bg-black-gradient-opacity-v1,
+.g-bg-black-gradient-opacity-v1--after::after {
+  @include gradient-y-bottom($start-color: rgba(#000, 0), $end-color: rgba(#000, .9));
+}
+
+/* Green Gradient */
+.g-bg-green-gradient-opacity-v1,
+.g-bg-green-gradient-opacity-v1--after::after {
+  @include gradient-y-bottom($start-color: rgba(#3398dc, .5), $end-color: rgba(#72c02c, .8));
+}
+
+/* Purple Gradient */
+.g-bg-purple-gradient-opacity-v1,
+.g-bg-purple-gradient-opacity-v1--after::after {
+  @include gradient-y-bottom($start-color: rgba(#72c02c, .5), $end-color: rgba(#9a69cb, .8));
+}
+
+/* Pink Light Gradient */
+.g-bg-pink-gradient-opacity-v1,
+.g-bg-pink-gradient-opacity-v1--after::after {
+  @include gradient-y-bottom($start-color: rgba(#72c02c, .5), $end-color: rgba(#e81c62, .8));
+}
+
+/* Cyan Gradient */
+.g-bg-cyan-gradient-opacity-v1,
+.g-bg-cyan-gradient-opacity-v1--after::after {
+  @include gradient-y-bottom($start-color: rgba(#009, .5), $end-color: rgba(#00bed6, .6));
+}
+
+/* Purple Gradient */
+.g-bg-purple-gradient-opacity-v1,
+.g-bg-purple-gradient-opacity-v1--after::after {
+  @include gradient-directional($start-color: rgba(#B7EBF6, 1), $end-color: rgba(#E461D2, .7), $deg: 150deg);
+}
+
+/* Primary Gradient */
+.g-bg-primary-gradient-opacity-v1,
+.g-bg-primary-gradient-opacity-v1--after::after {
+  @include gradient-directional($start-color: rgba(#72c02c, 1), $end-color: rgba(#3398dc, .7), $deg: 150deg);
+}
+
+/* Gray Gradient */
+.g-bg-gray-gradient-opacity-v1,
+.g-bg-gray-gradient-opacity-v1--after::after {
+  @include gradient-y-top($start-color: rgba($g-color-gray-light-v5, 1), $end-color: rgba(#fff, 1));
+}
+
+/* White Gradient */
+.g-bg-white-gradient-opacity-v1,
+.g-bg-white-gradient-opacity-v1--after::after {
+  @include gradient-y-top($start-color: rgba(#000, .7), $end-color: rgba(#000, 0));
+}
+
+/* White Gradient */
+.g-bg-white-gradient-opacity-v2,
+.g-bg-white-gradient-opacity-v2--after::after {
+  @include gradient-y-top($start-color: rgba(#000, 1), $end-color: rgba(#000, .1));
+}
+
+/* White Gradient */
+.g-bg-white-gradient-opacity-v3,
+.g-bg-white-gradient-opacity-v3--after::after {
+  @include gradient-x-left($start-color: rgba(#fff, 1), $end-color: rgba(#fff, .3), $start-percent: 30%);
+}
+
+/* White Gradient */
+.g-bg-white-gradient-opacity-v4,
+.g-bg-white-gradient-opacity-v4--after::after {
+  @include gradient-x-right($start-color: rgba(#fff, 1), $end-color: rgba(#fff, .3), $start-percent: 30%);
+}
+
+/* Bluegray Gradient */
+.g-bg-bluegray-gradient-opacity-v1,
+.g-bg-bluegray-gradient-opacity-v1--after::after {
+  @include gradient-y-top($start-color: rgba($g-color-bluegray, .2), $end-color: rgba(#000, 0));
+}
+
+/* Bluegray Gradient */
+.g-bg-bluegray-gradient-opacity-v2,
+.g-bg-bluegray-gradient-opacity-v2--after::after {
+  @include gradient-y-top($start-color: rgba($g-color-bluegray, .3), $end-color: rgba(#000, 0));
+}
+
+/* Bluegray Gradient */
+.g-bg-bluegray-gradient-opacity-v3,
+.g-bg-bluegray-gradient-opacity-v3--after::after {
+  @include gradient-directional($start-color: rgba(#6b7de0, .85), $end-color: rgba(#2A2734, 1), $deg: 150deg);
+}
+
+/* Radial Gradients (Ellipse)
+------------------------------------*/
+/* Lightblue Gradient */
+.g-bg-lightblue-radialgradient-ellipse {
+  @include gradient-radial-ellipse($inner-color: #fff 22%, $outer-color: #d6e2ee);
+}
+
+/* Gray Gradient */
+.g-bg-gray-radialgradient-ellipse {
+  @include gradient-radial-ellipse($inner-color: #dbdbdb 22%, $outer-color: #bbb);
+}
+
+/* Gray Gradient */
+.g-bg-graylight-radialgradient-ellipse {
+  @include gradient-radial-ellipse($inner-color: #fff 25%, $outer-color: #eee);
+}
+
+/*  Radial Gradients (Circle)
+------------------------------------*/
+/* Lightblue Gradient */
+.g-bg-lightblue-radialgradient-circle {
+  @include gradient-radial-circle($inner-color: #fff, $outer-color: #d6e2ee, $pos-x: 75%, $pos-y: 95%);
+}
+
+/* Blue Gradient */
+.g-bg-blue-radialgradient-circle {
+  @include gradient-radial-circle($inner-color: #2294d7, $outer-color: #275296, $gradient-size: farthest-side);
+}
+
+/* Dark Gray Gradient */
+.g-bg-darkgray-radialgradient-circle {
+  @include gradient-radial-circle($inner-color: #596070, $outer-color: #31353e, $pos-x: 110%, $pos-y: 0, $gradient-size: farthest-side);
+}
+
+
+//
+// Complementary Gradients
+//
+
+.g-bg-blue-radialgradient-circle-endless {
+  background-image: repeating-radial-gradient(circle at 50% 50%, #b9ecfe, #b9ecfe 10px, #82ddff 10px, #82ddff 20px);
+}
+
+.g-bg-gray-verticalstripes-endless {
+  background: repeating-linear-gradient(to bottom, #fff, #fff 5px, #eee 5px, #eee 10px);
+}

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

@@ -0,0 +1,112 @@
+/*------------------------------------
+  Social Background Colors
+------------------------------------*/
+/* Facebook */
+.g-bg-facebook {
+  background-color: $g-color-facebook;
+
+  .u-block-hover:hover &--hover,
+  &--hover:hover {
+    background-color: $g-color-facebook-dark-v1 !important;
+  }
+}
+
+/* Twitter */
+.g-bg-twitter {
+  background-color: $g-color-twitter;
+
+  .u-block-hover:hover &--hover,
+  &--hover:hover {
+    background-color: $g-color-twitter-dark-v1 !important;
+  }
+}
+
+/* Skype */
+.g-bg-skype {
+  background-color: $g-color-skype;
+
+  .u-block-hover:hover &--hover,
+  &--hover:hover {
+    background-color: $g-color-skype-dark-v1 !important;
+  }
+}
+
+/* Pinterest */
+.g-bg-pinterest {
+  background-color: $g-color-pinterest;
+
+  .u-block-hover:hover &--hover,
+  &--hover:hover {
+    background-color: $g-color-pinterest-dark-v1 !important;
+  }
+}
+
+/* Vine */
+.g-bg-vine {
+  background-color: $g-color-vine;
+
+  .u-block-hover:hover &--hover,
+  &--hover:hover {
+    background-color: $g-color-vine-dark-v1 !important;
+  }
+}
+
+/* Youtube */
+.g-bg-youtube {
+  background-color: $g-color-youtube;
+
+  .u-block-hover:hover &--hover,
+  &--hover:hover {
+    background-color: $g-color-youtube-dark-v1 !important;
+  }
+}
+
+/* Google plus */
+.g-bg-google-plus {
+  background-color: $g-color-google-plus;
+
+  .u-block-hover:hover &--hover,
+  &--hover:hover {
+    background-color: $g-color-google-plus-dark-v1 !important;
+  }
+}
+
+/* Dribbble */
+.g-bg-dribbble {
+  background-color: $g-color-dribbble;
+
+  .u-block-hover:hover &--hover,
+  &--hover:hover {
+    background-color: $g-color-dribbble-dark-v1 !important;
+  }
+}
+
+/* VK */
+.g-bg-vk {
+  background-color: $g-color-vk;
+
+  .u-block-hover:hover &--hover,
+  &--hover:hover {
+    background-color: $g-color-vk-dark-v1 !important;
+  }
+}
+
+/* Linkedin */
+.g-bg-linkedin {
+  background-color: $g-color-linkedin;
+
+  .u-block-hover:hover &--hover,
+  &--hover:hover {
+    background-color: $g-color-linkedin-dark-v1 !important;
+  }
+}
+
+/* Instagram */
+.g-bg-instagram {
+  background-color: $g-color-instagram;
+
+  .u-block-hover:hover &--hover,
+  &--hover:hover {
+    background-color: $g-color-instagram-dark-v1 !important;
+  }
+}

data/_sass/unify/globals/_bg-colors-extended.scss

@@ -0,0 +1,9 @@
+/*------------------------------------
+  Background Colors Extended
+------------------------------------*/
+.js-header-change-moment {
+  // Primary Colors
+  .g-bg-primary--scrolling {
+    background-color: $g-color-primary !important;
+  }
+}