jekyll-theme-glueckkanja 1.0.2 → 1.1.0

data/_sass/unify/base/navigation/_navigation.scss

@@ -0,0 +1,130 @@
+/*------------------------------------
+  Navigation
+------------------------------------*/
+
+/* Base Abstractions */
+%u-main-nav-base-link {
+	display: block;
+}
+
+%u-main-nav-has-sub-menu {
+	> a {
+		position: relative;
+		z-index: 1;
+
+		@include px-to-rem(padding-right, 20px);
+
+		&::after {
+			content: "\e900";
+			font-family: "hs-icons";
+			font-weight: inherit;
+			line-height: 1;
+
+			position: absolute;
+			top: 50%;
+			@include px-to-rem(right, 15px);
+
+			transform: translate3d(0,-50%,0);
+		}
+	}
+}
+
+/* Base stylesheets */
+.u-header__section {
+	&--dark {
+		.navbar [class*="u-main-nav-v"] {
+			.nav-link {
+				color: $g-color-white;
+			}
+
+			.nav-item {
+				&.active > .nav-link,
+				&:hover > .nav-link,
+				&:focus > .nav-link,
+				&.show > .nav-link,
+				&.hs-sub-menu-opened > .nav-link,
+				.nav-link:focus {
+					color: $g-color-white;
+				}
+			}
+		}
+	}
+}
+
+/* Import */
+
+/* Main navigation styles */
+@import "navigation-v1";
+@import "navigation-v2";
+@import "navigation-v3";
+@import "navigation-v4";
+@import "navigation-v5";
+@import "navigation-v6";
+@import "navigation-v7";
+@import "navigation-v8";
+@import "navigation-v9";
+
+/* Dropdown navigation styles */
+@import "navigation-dropdown-v1";
+@import "navigation-dropdown-v2";
+@import "navigation-dropdown-v3";
+@import "navigation-dropdown-v4";
+@import "navigation-dropdown-inline";
+@import "navigation-dropdown-columns";
+
+/* Main navigation behaviors */
+@import "navigation-overlay";
+@import "navigation-push";
+@import "navigation-smart";
+
+/* Secondary navigation styles */
+@import "navigation-secondary";
+
+/* Sidebar navigation styles */
+@import "navigation-sidebar";
+
+/* Override vendor stylesheets */
+.hamburger-inner::before,
+.hamburger-inner::after {
+	background-color: inherit;
+}
+
+[class*="u-main-nav-"] .dropdown-toggle::after {
+	width: auto;
+	height: auto;
+	vertical-align: inherit;
+	border: none;
+}
+
+/* Overlay */
+.u-main-nav__overlay {
+	position: absolute;
+	top: 0;
+	height: 100%;
+	width: 2000%;
+	opacity: 0;
+	visibility: hidden;
+}
+
+/* Override necessary navigation styles in side-header pages */
+body.u-body--header-side {
+	&-static-left {
+		.navbar [class*="u-main-nav-"] {
+			.dropdown-toggle::after,
+			> .hs-has-sub-menu > a::after,
+			> .hs-has-mega-menu > a::after {
+				content: "\e900";
+			}
+		}
+	}
+
+	&-static-right {
+		.navbar [class*="u-main-nav-"] {
+			.dropdown-toggle::after,
+			> .hs-has-sub-menu > a::after,
+			> .hs-has-mega-menu > a::after {
+				content: "\e901";
+			}
+		}
+	}
+}

data/_sass/unify/base/nonstandard-bg/_nonstandard-bg-v1.scss

@@ -0,0 +1,351 @@
+/*------------------------------------
+  Nonstandard Background v1
+------------------------------------*/
+
+[class*="u-ns-bg-v1"] {
+  position: relative;
+
+  &::before {
+    content: "";
+    position: absolute;
+    z-index: 3;
+    width: 0;
+    height: 0;
+    border: {
+      style: solid;
+      color: transparent;
+    }
+  }
+}
+
+.u-ns-bg-v1 {
+  &-top,
+  &-bottom {
+    &::before {
+      left: 50%;
+      margin-left: -25px;
+    }
+  }
+
+  &-left,
+  &-right {
+    &::before {
+      top: 50%;
+      margin-top: -25px;
+    }
+  }
+
+  &-top {
+    &::before {
+      top: -25px;
+      border-width: 0 20px 25px 20px;
+    }
+
+    &.g-bg-primary,
+    .g-parent.g-bg-primary & {
+      &::before {
+        border-bottom-color: $g-color-primary;
+      }
+    }
+
+    &.g-bg-white,
+    .g-parent.g-bg-white & {
+      &::before {
+        border-bottom-color: $g-color-white;
+      }
+    }
+
+    &.g-bg-gray-light-v2,
+    .g-parent.g-bg-gray-light-v2 & {
+      &::before {
+        border-bottom-color: $g-color-gray-light-v2;
+      }
+    }
+
+    &.g-bg-black,
+    .g-parent.g-bg-black & {
+      &::before {
+        border-bottom-color: $g-color-black;
+      }
+    }
+  }
+
+  &-bottom {
+    &::before {
+      bottom: -25px;
+      border-width: 25px 20px 0 20px;
+    }
+
+    &.g-bg-primary,
+    .g-parent.g-bg-primary & {
+      &::before {
+        border-top-color: $g-color-primary;
+      }
+    }
+
+    &.g-bg-white,
+    .g-parent.g-bg-white & {
+      &::before {
+        border-top-color: $g-color-white;
+      }
+    }
+
+    &.g-bg-gray-light-v2,
+    .g-parent.g-bg-gray-light-v2 & {
+      &::before {
+        border-top-color: $g-color-gray-light-v2;
+      }
+    }
+
+    &.g-bg-black,
+    .g-parent.g-bg-black & {
+      &::before {
+        border-top-color: $g-color-black;
+      }
+    }
+  }
+
+  &-left {
+    &::before {
+      left: -25px;
+      border-width: 20px 25px 20px 0;
+    }
+
+    &.g-bg-primary,
+    .g-parent.g-bg-primary & {
+      &::before {
+        border-right-color: $g-color-primary;
+      }
+    }
+
+    &.g-bg-white,
+    .g-parent.g-bg-white & {
+      &::before {
+        border-right-color: $g-color-white;
+      }
+    }
+
+    &.g-bg-gray-light-v2,
+    .g-parent.g-bg-gray-light-v2 & {
+      &::before {
+        border-right-color: $g-color-gray-light-v2;
+      }
+    }
+
+    &.g-bg-black,
+    .g-parent.g-bg-black & {
+      &::before {
+        border-right-color: $g-color-black;
+      }
+    }
+  }
+
+  &-right {
+    &::before {
+      right: -25px;
+      border-width: 20px 0 20px 25px;
+    }
+
+    &.g-bg-primary,
+    .g-parent.g-bg-primary & {
+      &::before {
+        border-left-color: $g-color-primary;
+      }
+    }
+
+    &.g-bg-white,
+    .g-parent.g-bg-white & {
+      &::before {
+        border-left-color: $g-color-white;
+      }
+    }
+
+    &.g-bg-gray-light-v2,
+    .g-parent.g-bg-gray-light-v2 & {
+      &::before {
+        border-left-color: $g-color-gray-light-v2;
+      }
+    }
+
+    &.g-bg-black,
+    .g-parent.g-bg-black & {
+      &::before {
+        border-left-color: $g-color-black;
+      }
+    }
+  }
+}
+
+@media (min-width: $g-md) {
+  .u-ns-bg-v1 {
+    &-top--md,
+    &-bottom--md,
+    &-left--md,
+    &-right--md {
+      &::before {
+        top: auto;
+        bottom: auto;
+        left: auto;
+        right: auto;
+        margin: {
+          top: 0;
+          bottom: 0;
+          left: 0;
+          right: 0;
+        }
+      }
+
+      &.g-bg-primary,
+      &.g-bg-white,
+      &.g-bg-gray-light-v2,
+      &.g-bg-black {
+        &::before {
+          border-top-color: transparent;
+          border-bottom-color: transparent;
+          border-left-color: transparent;
+          border-right-color: transparent;
+        }
+      }
+    }
+
+    &-top--md,
+    &-bottom--md {
+      &::before {
+        left: 50%;
+        margin-left: -25px;
+      }
+    }
+
+    &-left--md,
+    &-right--md {
+      &::before {
+        top: 50%;
+        margin-top: -25px;
+      }
+    }
+
+    &-top--md {
+      &::before {
+        top: -25px;
+        border-width: 0 20px 25px 20px;
+      }
+
+      &.g-bg-primary {
+        &::before {
+          border-bottom-color: $g-color-primary;
+        }
+      }
+
+      &.g-bg-white {
+        &::before {
+          border-bottom-color: $g-color-white;
+        }
+      }
+
+      &.g-bg-gray-light-v2 {
+        &::before {
+          border-bottom-color: $g-color-gray-light-v2;
+        }
+      }
+
+      &.g-bg-black {
+        &::before {
+          border-bottom-color: $g-color-black;
+        }
+      }
+    }
+
+    &-bottom--md {
+      &::before {
+        bottom: -25px;
+        border-width: 25px 20px 0 20px;
+      }
+
+      &.g-bg-primary {
+        &::before {
+          border-top-color: $g-color-primary;
+        }
+      }
+
+      &.g-bg-white {
+        &::before {
+          border-top-color: $g-color-white;
+        }
+      }
+
+      &.g-bg-gray-light-v2 {
+        &::before {
+          border-top-color: $g-color-gray-light-v2;
+        }
+      }
+
+      &.g-bg-black {
+        &::before {
+          border-top-color: $g-color-black;
+        }
+      }
+    }
+
+    &-left--md {
+      &::before {
+        left: -25px;
+        border-width: 20px 25px 20px 0;
+      }
+
+      &.g-bg-primary {
+        &::before {
+          border-right-color: $g-color-primary;
+        }
+      }
+
+      &.g-bg-white {
+        &::before {
+          border-right-color: $g-color-white;
+        }
+      }
+
+      &.g-bg-gray-light-v2 {
+        &::before {
+          border-right-color: $g-color-gray-light-v2;
+        }
+      }
+
+      &.g-bg-black {
+        &::before {
+          border-right-color: $g-color-black;
+        }
+      }
+    }
+
+    &-right--md {
+      &::before {
+        right: -25px;
+        border-width: 20px 0 20px 25px;
+      }
+
+      &.g-bg-primary {
+        &::before {
+          border-left-color: $g-color-primary;
+        }
+      }
+
+      &.g-bg-white {
+        &::before {
+          border-left-color: $g-color-white;
+        }
+      }
+
+      &.g-bg-gray-light-v2 {
+        &::before {
+          border-left-color: $g-color-gray-light-v2;
+        }
+      }
+
+      &.g-bg-black {
+        &::before {
+          border-left-color: $g-color-black;
+        }
+      }
+    }
+  }
+}