jekyll-theme-glueckkanja 1.0.2 → 1.1.0

data/_sass/unify/base/_blockquotes.scss

@@ -0,0 +1,184 @@
+/*------------------------------------
+  Blockquotes
+------------------------------------*/
+
+//
+// Blockquote v1
+//
+
+.u-blockquote-v1 {
+  position: relative;
+  background-color: #fff;
+  box-shadow: 5px 6px 9px -6px rgba($g-color-black, .15);
+
+  &::before {
+    content: "\201C";
+    position: absolute;
+    width: 60px;
+    color: $g-color-primary;
+    font-size: 60px;
+    margin: -25px 0 0 -40px;
+  }
+
+  &::after {
+    content: "";
+    position: absolute;
+    bottom: -30px;
+    left: 80px;
+    display: block;
+    width: 0;
+    height: 0;
+    border: {
+      style: solid;
+      width: 30px 30px 0 0;
+      color: $g-color-white transparent transparent transparent;
+    }
+    -webkit-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, .1));
+    filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, .1));
+  }
+}
+
+//
+// Blockquote v2
+//
+
+.u-blockquote-v2 {
+  &::before,
+  &::after {
+    position: relative;
+    top: 5px;
+    font-size: 22px;
+    line-height: 10px;
+  }
+
+  &::before {
+    content: "\“";
+    padding-right: 5px;
+  }
+
+  &::after {
+    content: "\”";
+    padding-left: 5px;
+  }
+}
+
+//
+// Blockquote v3
+//
+
+.u-blockquote-v3 {
+  position: relative;
+
+  &::before {
+    content: "\201C";
+    position: absolute;
+    font-size: 60px;
+    color: $g-color-primary;
+    margin: -30px 0 0 -40px;
+  }
+}
+
+//
+// Blockquote v4
+//
+
+.u-blockquote-v4 {
+  &::before,
+  &::after {
+    content: "\201C";
+    position: absolute;
+    font-size: 50px;
+    margin-top: -12px;
+  }
+
+  &::before {
+    margin-left: -30px;
+  }
+
+  &::after {
+    margin-left: 13px;
+  }
+}
+
+//
+// Blockquote v5
+//
+
+.u-blockquote-v5 {
+  &::before {
+    content: "\201C";
+    position: absolute;
+    width: 60px;
+    color: rgba($g-color-white, .2);
+    font-size: 70px;
+    margin: -25px 0 0 -40px;
+  }
+}
+
+//
+// Blockquote v6
+//
+
+.u-blockquote-v6 {
+  &::before,
+  &::after {
+    content: "\0022";
+    font-family: inherit;
+    color: inherit;
+  }
+}
+
+//
+// Blockquote v7
+//
+
+.u-blockquote-v7 {
+  position: relative;
+  padding-top: 55px;
+
+  &::before {
+    content: "\f10d";
+    position: absolute;
+    top: 0;
+    left: 50%;
+    display: block;
+    width: 35px;
+    height: 35px;
+    font: {
+      size: 12px;
+      family: "FontAwesome";
+    }
+    color: $g-color-white;
+    line-height: 35px;
+    background: $g-color-primary;
+    border-radius: 50%;
+    margin-left: -18px;
+  }
+}
+
+//
+// Blockquote v8
+//
+
+.u-blockquote-v8 {
+  position: relative;
+  background-color: #fff;
+  box-shadow: 5px 6px 9px -6px rgba($g-color-main, .08);
+
+  &::after {
+    content: "";
+    position: absolute;
+    left: 50px;
+    bottom: -15px;
+    display: block;
+    width: 0;
+    height: 0;
+    border: {
+      style: solid;
+      width: 15px 15px 0 0;
+      color: $g-color-white transparent transparent transparent;
+    }
+    -webkit-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, .05));
+    filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, .05));
+  }
+}

data/_sass/unify/base/_carousels.scss

@@ -0,0 +1,109 @@
+/*------------------------------------
+  Carousels
+------------------------------------*/
+
+.u-carousel {
+  &-v1 {
+    .js-prev,
+    .js-next {
+      opacity: 0;
+      transition: {
+        property: opacity;
+        duration: .2s;
+        timing-function: ease-in;
+      }
+    }
+
+    &:hover {
+      .js-prev,
+      .js-next {
+        opacity: 1;
+      }
+    }
+  }
+
+  &-v2 {
+    .slick {
+      &-slide {
+        padding: {
+          top: 4px;
+          bottom: 4px;
+        }
+        opacity: .5;
+        transform: scale(1);
+        transition: {
+          property: all;
+          duration: .4s;
+          timing-function: ease-in;
+        }
+      }
+
+      &-center {
+        padding: {
+          top: 0;
+          bottom: 0;
+        }
+        opacity: 1;
+        transform: scale(1.1);
+      }
+    }
+  }
+
+  &-v3 {
+    .slick {
+      &-slide {
+        opacity: .5;
+        transition: {
+          property: opacity;
+          duration: .4s;
+          timing-function: ease-in;
+        }
+      }
+
+      &-center {
+        opacity: 1;
+      }
+    }
+  }
+
+  &-v4 {
+    .js-pagination {
+      opacity: 0;
+      transition: {
+        property: opacity;
+        duration: .2s;
+        timing-function: ease-in;
+      }
+    }
+
+    &:hover {
+      .js-pagination {
+        opacity: 1;
+      }
+    }
+  }
+
+  &-v5 {
+    .slick-list {
+      height: 100%;
+    }
+
+    .slick-track {
+      display: flex;
+      height: 100%;
+
+      .slick-slide {
+        display: flex;
+        height: auto;
+      }
+    }
+  }
+}
+
+.u-carousel-v11 .slick-slide {
+  opacity: .5;
+
+  &.slick-current {
+    opacity: 1;
+  }
+}

data/_sass/unify/base/_chart-pies.scss

@@ -0,0 +1,21 @@
+/*--------------------------------------------------
+  Chart Pie v1
+----------------------------------------------------*/
+
+.u-chart-pie-v1 {
+	position: relative;
+	line-height: 1em;
+}
+.u-chart-pie-v1::after {
+	content: "";
+	display: block;
+	position: absolute;
+	top: 9px;
+	right: 10px;
+	bottom: 11px;
+	left: 10px;
+	border-radius: 50%;
+	border-width: 1px;
+	border-style: solid;
+	border-color: inherit;
+}

data/_sass/unify/base/_charts.scss

@@ -0,0 +1,10 @@
+/*------------------------------------
+  Charts
+------------------------------------*/
+
+/* Sparkline chart's tooltip */
+
+.jqstooltip {
+	width: auto !important;
+	height: auto !important;
+}

data/_sass/unify/base/_compressed-form.scss

@@ -0,0 +1,22 @@
+/*------------------------------------
+  Compressed Form
+------------------------------------*/
+
+.u-compressed-form {
+
+	display: inline-block;
+	overflow: hidden;
+
+	@include px-to-rem(width, 280px);
+
+	transition: all .35s ease;
+
+	&--hidden {
+		@include px-to-rem(width, 80px);
+	}
+
+	.input-group {
+		display: block;
+		float: right;
+	}
+}

data/_sass/unify/base/_counters.scss

@@ -0,0 +1,47 @@
+/*--------------------------------------------------
+  Counter v1
+----------------------------------------------------*/
+.u-counter-v3 {
+	position: relative;
+}
+.u-counter-v3::after {
+	content: "";
+
+	position: absolute;
+	left: -9px;
+	right: -9px;
+	bottom: -9px;
+	top: -9px;
+	
+	display: block;
+	border-radius: inherit;
+	border-width: 1px;
+	border-style: solid;
+	border-color: inherit;
+}
+
+/*--------------------------------------------------
+  Counter v6
+----------------------------------------------------*/
+.u-counter-v6 {
+	position: relative;
+
+	width: 120px;
+	height: 120px;
+}
+.u-counter-v6::after {
+	content: "";
+
+	position: absolute;
+	top: -11px;
+	right: -11px;
+	bottom: -11px;
+	left: -11px;
+
+	display: block;
+	border-radius: inherit;
+	border-width: 2px;
+	border-style: inherit;
+	border-color: inherit;
+	clip: rect(auto, 71px, 142px, auto);
+}

data/_sass/unify/base/_credit-cards.scss

@@ -0,0 +1,43 @@
+/*------------------------------------
+  Credit cards
+------------------------------------*/
+
+.u-card {
+  &--v1 {
+    position: relative;
+
+    &-front {
+      position: relative;
+      margin-bottom: 220px;
+      z-index: 2;
+    }
+
+    &-back {
+      position: absolute;
+      bottom: -70%;
+      right: 0;
+      z-index: 1;
+      width: 100%;
+      height: 80%;
+      padding-left: 0;
+    }
+  }
+}
+
+@media (min-width: 768px) {
+  .u-card {
+    &--v1 {
+      &-front {
+        margin-bottom: 30px;
+      }
+
+      &-back {
+        bottom: auto;
+        top: 30px;
+        right: -30%;
+        height: 100%;
+        padding-left: 70%;
+      }
+    }
+  }
+}

data/_sass/unify/base/_dividers.scss

@@ -0,0 +1,105 @@
+hr {
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+}
+
+.u-divider-center {
+  text-align: center;
+}
+.u-divider-right {
+  text-align: right;
+}
+
+@import "divider-linear-gradient";
+
+/* HR Styles
+------------------------------------*/
+.u-hr {
+  &--linear-gradient {
+    height: 1px;
+    background-image: linear-gradient(to right, transparent, $g-color-gray-light-v3, transparent);
+    border: none;
+  }
+  &-dotted {
+    border-top-style: dotted;
+  }
+  &-dashed {
+    border-top-style: dashed;
+  }
+  &-db-solid {
+    height: 5px;
+    border-top: 1px solid $g-color-gray-light-v3;
+    border-bottom: 1px solid $g-color-gray-light-v3;
+  }
+  &-db-dashed {
+    height: 5px;
+    border-top: 1px dashed $g-color-gray-light-v2;
+    border-bottom: 1px dashed $g-color-gray-light-v2;
+  }
+  &-db-dotted {
+    height: 5px;
+    border-top: 1px dotted $g-color-gray-light-v2;
+    border-bottom: 1px dotted $g-color-gray-light-v2;
+  }
+}
+
+/* u-dividers with icons
+------------------------------------*/
+.u-divider {
+  position: relative;
+  border-top-width: 1px;
+
+  &-length-short {
+    width: 20%;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  &-length-medium {
+    width: 50%;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  &-solid {
+    border-top-style: solid;
+  }
+  &-dotted {
+    border-top-style: dotted;
+  }
+  &-dashed {
+    border-top-style: dashed;
+  }
+  &--linear-gradient {
+    height: 1px;
+    background-image: linear-gradient(to right, transparent, $g-color-gray-light-v2, transparent);
+    border: none;
+  }
+  &__icon {
+    position: absolute;
+    @include px-to-rem(top, -20px);
+    left: 0;
+    right: auto;
+    display: inline-block;
+    @include px-to-rem(width, 40px);
+    @include px-to-rem(height, 40px);
+    @include px-to-rem(font-size, 18px);
+    font-style: normal;
+    @include px-to-rem(line-height, 40px);
+    text-align: center;
+    z-index: 1;
+  }
+  &-center &__icon {
+    left: 50%;
+    right: auto;
+    @include px-to-rem(margin-left, -20px);
+  }
+  &-right &__icon {
+    left: auto;
+    right: 0;
+  }
+  &__icon--bordered {
+    border: 1px solid;
+  }
+  &__icon--indented {
+    box-shadow: 0 0 0 15px $g-bg-color-main;
+  }
+}

data/_sass/unify/base/_dropcaps.scss

@@ -0,0 +1,35 @@
+/*------------------------------------
+  Dropcaps
+------------------------------------*/
+%u-dropcap {
+  float: left;
+  font-size: 3.57rem;
+  line-height: 1;
+}
+.u-dropcap {
+  @extend %u-dropcap;
+
+  &-underline {
+    @extend %u-dropcap;
+    @include px-to-rem(padding-bottom, 5px);
+    border-bottom: 2px solid;
+  }
+  &-bg {
+    @extend %u-dropcap;
+    @include px-to-rem(width, 70px);
+    @include px-to-rem(height, 70px);
+    @include px-to-rem(margin-top, 5px);
+    text-align: center;
+    line-height: 4.78rem;
+    // background-color: $g-color-main;
+  }
+  &-bordered {
+    @extend %u-dropcap;
+    @include px-to-rem(width, 70px);
+    @include px-to-rem(height, 70px);
+    @include px-to-rem(margin-top, 5px);
+    text-align: center;
+    line-height: 4.35rem;
+    border: 3px solid;
+  }
+}

data/_sass/unify/base/_dropdown.scss

@@ -0,0 +1,49 @@
+/*------------------------------------
+	Dropdowns
+------------------------------------*/
+
+[class*="u-dropdown--"] [class*="u-dropdown--"] {
+	left: 100%;
+	top: 0;
+
+	&.u-dropdown--reverse-x {
+		left: auto;
+		right: 100%;
+	}
+}
+
+.u-dropdown--simple,
+.u-dropdown--jquery-slide,
+.u-dropdown--css-animation {
+	&.u-dropdown--reverse-y {
+		top: auto;
+		bottom: 100%;
+
+		margin-top: 0 !important;
+		@include px-to-rem(margin-bottom, 20px);
+	}
+}
+
+/* Simple Dropdown */
+.u-dropdown--simple.u-dropdown--hidden {
+	display: none;
+}
+
+/* CSS Animation Dropdown */
+.u-dropdown--css-animation {
+  animation-duration: 1s;
+
+  &.u-dropdown--hidden {
+  	opacity: 0;
+		visibility: hidden;
+	}
+}
+
+.u-dropdown--hidden:not(.hs-sub-menu-opened) * {
+  transition: none !important;
+
+  &::before,
+  &::after {
+    transition: none !important;
+  }
+}

data/_sass/unify/base/_gallery.scss

@@ -0,0 +1,3 @@
+/*------------------------------------
+  Gallery
+------------------------------------*/