jekyll-theme-glueckkanja 1.0.2 → 1.1.0

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

@@ -0,0 +1,161 @@
+/*------------------------------------
+  Nonstandard Background v7
+------------------------------------*/
+
+[class*="u-ns-bg-v7"] {
+  position: relative;
+
+  &::before {
+    content: "";
+    position: absolute;
+    z-index: 3;
+    width: 0;
+    height: 0;
+    border: {
+      style: solid;
+      color: transparent;
+    }
+  }
+}
+
+.u-ns-bg-v7 {
+  &-top,
+  &-bottom {
+    &::before {
+      left: 50%;
+      margin-left: -5px;
+    }
+  }
+
+  &-left,
+  &-right {
+    &::before {
+      top: 50%;
+      margin-top: -5px;
+    }
+  }
+
+  &-top {
+    &::before {
+      top: -5px;
+      border-width: 0 5px 5px 5px;
+    }
+
+    &.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 {
+    &::before {
+      bottom: -5px;
+      border-width: 5px 5px 0 5px;
+    }
+
+    &.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 {
+    &::before {
+      left: -5px;
+      border-width: 5px 5px 5px 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 {
+    &::before {
+      right: -5px;
+      border-width: 5px 0 5px 5px;
+    }
+
+    &.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;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,13 @@
+/*------------------------------------
+  Nonstandard-bg
+------------------------------------*/
+[class*="u-ns-bg-v"] {
+  position: relative;
+
+  &::before {
+    content: "";
+    position: absolute;
+    display: block;
+    z-index: 3;
+  }
+}

data/_sass/unify/base/progress-bars/_progress-bars-sizes.scss

@@ -0,0 +1,26 @@
+/*------------------------------------
+  Progress Bars Sizes
+------------------------------------*/
+.u-progress-bar {
+  &--2xs {
+    min-height: 1px !important;
+  }
+  &--xs {
+    min-height: 3px !important;
+  }
+  &--sm {
+    min-height: 7px !important;
+  }
+  // &--md {
+  //   min-height: 12px !important;
+  // }
+  &--lg {
+    min-height: 18px !important;
+  }
+  &--xl {
+    min-height: 22px !important;
+  }
+  &--2xl {
+    min-height: 33px !important;
+  }
+}

data/_sass/unify/base/progress-bars/_progress-bars.scss

@@ -0,0 +1,84 @@
+/*------------------------------------
+  Progress Bars
+------------------------------------*/
+//
+// Pointers
+//
+
+.progress-bar {
+  min-height: 0 !important;
+}
+
+.u-progress__pointer-v1 {
+  position: absolute;
+  top: 50%;
+  right: 0;
+  width: 42px;
+  height: 42px;
+  margin: -21px -21px 0 0;
+  background-color: transparent;
+  line-height: 42px;
+  z-index: 1;
+}
+
+.u-progress__pointer-v2 {
+  position: absolute;
+  bottom: 100%;
+  right: 0;
+  min-width: 46px;
+  white-space: nowrap;
+  padding-left: 5px;
+  padding-right: 5px;
+  transform: translateX(50%);
+  margin-bottom: 5px;
+  background-color: transparent;
+  z-index: 1;
+
+	&::after {
+		content: "";
+		position: absolute;
+		left: 50%;
+    bottom: -5px;
+    margin-left: -5px;
+    border: {
+			style: solid;
+	    color: $g-color-primary transparent;
+	    width: 5px 5px 0;
+    }
+	}
+}
+
+.u-progress__pointer-v3 {
+	position: relative;
+  float: right;
+  white-space: nowrap;
+
+	&::after {
+		content: "";
+		position: absolute;
+		top: 0;
+		right: 0;
+		margin-top: -10px;
+    margin-right: -5px;
+    border: {
+			style: solid;
+	    color: $g-color-primary transparent;
+	    width: 5px 5px 0;
+    }
+	}
+}
+
+
+
+//
+// Vertical Progress Bars
+//
+
+[class*="u-progress-bar-vertical"] {
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-end;
+}
+.u-progress-bar-vertical-v1 {
+  height: 200px;
+}

data/_sass/unify/base/progress-bars/_tag-progress-bars.scss

@@ -0,0 +1,259 @@
+/*------------------------------------
+  TAG Progress Bars
+------------------------------------*/
+//
+// Common Styles
+//
+
+.u-progress {
+	display: block;
+	width: 100%;
+  height: 12px;
+  overflow: hidden;
+  background-color: $g-color-gray-light-v4;
+	border: none;
+	outline: none;
+	appearance: none;
+
+	&::-webkit-progress-bar {
+		background-color: $g-color-gray-light-v4;
+	}
+
+	&::-ms-fill {
+		background-color: $g-color-primary;
+	}
+	&::-webkit-progress-value {
+		background-color: $g-color-primary;
+	}
+	&::-moz-progress-bar {
+		background-color: $g-color-primary;
+	}
+}
+
+
+
+//
+// Progress Bars Additional BG colors
+//
+
+.u-progress {
+  // Color Blue
+  &--blue::-ms-fill {
+    background-color: $g-color-blue;
+  }
+  &--blue::-webkit-progress-value {
+    background-color: $g-color-blue;
+  }
+  &--blue::-moz-progress-bar {
+    background-color: $g-color-blue;
+  }
+
+  // Color Light Blue
+  &--lightblue::-ms-fill {
+    background-color: $g-color-lightblue;
+  }
+  &--lightblue::-webkit-progress-value {
+    background-color: $g-color-lightblue;
+  }
+  &--lightblue::-moz-progress-bar {
+    background-color: $g-color-lightblue;
+  }
+
+  // Color Dark Blue
+  &--darkblue::-ms-fill {
+    background-color: $g-color-darkblue;
+  }
+  &--darkblue::-webkit-progress-value {
+    background-color: $g-color-darkblue;
+  }
+  &--darkblue::-moz-progress-bar {
+    background-color: $g-color-darkblue;
+  }
+
+  // Color Indigo
+  &--indigo::-ms-fill {
+    background-color: $g-color-indigo;
+  }
+  &--indigo::-webkit-progress-value {
+    background-color: $g-color-indigo;
+  }
+  &--indigo::-moz-progress-bar {
+    background-color: $g-color-indigo;
+  }
+
+  // Color Red
+  &--red::-ms-fill {
+    background-color: $g-color-red;
+  }
+  &--red::-webkit-progress-value {
+    background-color: $g-color-red;
+  }
+  &--red::-moz-progress-bar {
+    background-color: $g-color-red;
+  }
+
+  // Color Light Red
+  &--lightred::-ms-fill {
+    background-color: $g-color-lightred;
+  }
+  &--lightred::-webkit-progress-value {
+    background-color: $g-color-lightred;
+  }
+  &--lightred::-moz-progress-bar {
+    background-color: $g-color-lightred;
+  }
+
+  // Color Dark Red
+  &--darkred::-ms-fill {
+    background-color: $g-color-darkred;
+  }
+  &--darkred::-webkit-progress-value {
+    background-color: $g-color-darkred;
+  }
+  &--darkred::-moz-progress-bar {
+    background-color: $g-color-darkred;
+  }
+
+  // Color Purple
+  &--purple::-ms-fill {
+    background-color: $g-color-purple;
+  }
+  &--purple::-webkit-progress-value {
+    background-color: $g-color-purple;
+  }
+  &--purple::-moz-progress-bar {
+    background-color: $g-color-purple;
+  }
+
+  // Color Dark Purple
+  &--darkpurple::-ms-fill {
+    background-color: $g-color-darkpurple;
+  }
+  &--darkpurple::-webkit-progress-value {
+    background-color: $g-color-darkpurple;
+  }
+  &--darkpurple::-moz-progress-bar {
+    background-color: $g-color-darkpurple;
+  }
+
+  // Color Pink
+  &--pink::-ms-fill {
+    background-color: $g-color-pink;
+  }
+  &--pink::-webkit-progress-value {
+    background-color: $g-color-pink;
+  }
+  &--pink::-moz-progress-bar {
+    background-color: $g-color-pink;
+  }
+
+  // Color Orange
+  &--orange::-ms-fill {
+    background-color: $g-color-orange;
+  }
+  &--orange::-webkit-progress-value {
+    background-color: $g-color-orange;
+  }
+  &--orange::-moz-progress-bar {
+    background-color: $g-color-orange;
+  }
+
+  // Color Deep Orange
+  &--deeporange::-ms-fill {
+    background-color: $g-color-deeporange;
+  }
+  &--deeporange::-webkit-progress-value {
+    background-color: $g-color-deeporange;
+  }
+  &--deeporange::-moz-progress-bar {
+    background-color: $g-color-deeporange;
+  }
+
+  // Color Yellow
+  &--yellow::-ms-fill {
+    background-color: $g-color-yellow;
+  }
+  &--yellow::-webkit-progress-value {
+    background-color: $g-color-yellow;
+  }
+  &--yellow::-moz-progress-bar {
+    background-color: $g-color-yellow;
+  }
+
+  // Color Aqua
+  &--aqua::-ms-fill {
+    background-color: $g-color-aqua;
+  }
+  &--aqua::-webkit-progress-value {
+    background-color: $g-color-aqua;
+  }
+  &--aqua::-moz-progress-bar {
+    background-color: $g-color-aqua;
+  }
+
+  // Color Cyan
+  &--cyan::-ms-fill {
+    background-color: $g-color-cyan;
+  }
+  &--cyan::-webkit-progress-value {
+    background-color: $g-color-cyan;
+  }
+  &--cyan::-moz-progress-bar {
+    background-color: $g-color-cyan;
+  }
+
+  // Color Teal
+  &--teal::-ms-fill {
+    background-color: $g-color-teal;
+  }
+  &--teal::-webkit-progress-value {
+    background-color: $g-color-teal;
+  }
+  &--teal::-moz-progress-bar {
+    background-color: $g-color-teal;
+  }
+
+  // Color Brown
+  &--brown::-ms-fill {
+    background-color: $g-color-brown;
+  }
+  &--brown::-webkit-progress-value {
+    background-color: $g-color-brown;
+  }
+  &--brown::-moz-progress-bar {
+    background-color: $g-color-brown;
+  }
+
+  // Color Blue Gray
+  &--bluegray::-ms-fill {
+    background-color: $g-color-bluegray;
+  }
+  &--bluegray::-webkit-progress-value {
+    background-color: $g-color-bluegray;
+  }
+  &--bluegray::-moz-progress-bar {
+    background-color: $g-color-bluegray;
+  }
+
+  // Color Beige
+  &--beige::-ms-fill {
+    background-color: $g-color-beige;
+  }
+  &--beige::-webkit-progress-value {
+    background-color: $g-color-beige;
+  }
+  &--beige::-moz-progress-bar {
+    background-color: $g-color-beige;
+  }
+
+  // Color Black
+  &--black::-ms-fill {
+    background-color: $g-color-black;
+  }
+  &--black::-webkit-progress-value {
+    background-color: $g-color-black;
+  }
+  &--black::-moz-progress-bar {
+    background-color: $g-color-black;
+  }
+}

data/_sass/unify/base/rating/_rating-v1.scss

@@ -0,0 +1,25 @@
+/*------------------------------------
+  Rating v1
+------------------------------------*/
+
+.u-rating-v1 {
+  display: inline-block;
+  padding-left: 0;
+  margin-bottom: 0;
+
+  > * {
+    float: left;
+    list-style: none;
+    cursor: pointer;
+
+    transition: {
+      property: color;
+      duration: .2s;
+      timing-function: ease;
+    }
+
+    & + * {
+      padding-left: 6px;
+    }
+  }
+}

data/_sass/unify/base/searchforms/_searchform-v1.scss

@@ -0,0 +1,44 @@
+/*------------------------------------
+  Searchform v1
+------------------------------------*/
+
+.u-searchform-v1 {
+	min-width: initial;
+	@include px-to-rem(width, 300px);
+	@include absolute(right -15px);
+	top: 100%;
+
+	box-shadow: 0 1px 3px #ddd;
+
+	.form-control {
+		font-family: $g-font-primary;
+		@include px-to-rem(font-size, 12px);
+		// text-transform: uppercase;
+		// @include px-to-rem(height, 50px);
+		// @include px-to-rem(padding, 12px);
+
+		// &::placeholder {
+		// 	color: g-color-gray-dark-v4;
+		// 	opacity: 1;
+		// }
+
+		// &::-webkit-input-placeholder {
+		// 	color: g-color-gray-dark-v4;
+		// 	opacity: 1;
+		// }
+
+		// &::-moz-placeholder {
+		// 	color: g-color-gray-dark-v4;
+		// 	opacity: 1;
+		// }
+	}
+
+	.input-group-addon {
+		border: 0;
+
+		button[type="submit"] {
+			height: 100%;
+			@include px-to-rem(padding-bottom, 4px);
+		}
+	}
+}

data/_sass/unify/base/searchforms/_searchform-v2.scss

@@ -0,0 +1,47 @@
+/*------------------------------------
+  Searchform v2
+------------------------------------*/
+
+.u-searchform-v2 {
+	.form-control {
+		font-family: $g-font-primary;
+		font-weight: 600;
+		@include px-to-rem(font-size, 12px);
+		color: rgba($g-color-white, .85);
+		text-transform: uppercase;
+
+		@include px-to-rem(height, 66px);
+		@include px-to-rem(padding, 12px 0);
+
+		background-color: transparent;
+		border: none;
+
+		&::placeholder {
+			color: g-color-white;
+			opacity: .85;
+		}
+
+		&::-webkit-input-placeholder {
+			color: g-color-white;
+			opacity: .85;
+		}
+
+		&::-moz-placeholder {
+			color: g-color-white;
+			opacity: .85;
+		}
+	}
+
+	.input-group-addon {
+		border: 0;
+
+		button {
+			cursor: pointer;
+			height: 100%;
+
+			border: none;
+			outline: none;
+			background-color: transparent;
+		}
+	}
+}

data/_sass/unify/base/searchforms/_searchform-v3.scss

@@ -0,0 +1,60 @@
+/*------------------------------------
+  Searchform v3
+------------------------------------*/
+
+.u-searchform-v3 {
+
+	@include absolute(top 0 right 0 bottom 0 left 0);
+	z-index: 3;
+
+	.container {
+		height: 100%;
+	}
+
+	.input-group {
+		align-items: center;
+		height: 100%;
+	}
+
+	.form-control {
+		font-family: $g-font-primary;
+		font-weight: 300;
+		font-size: inherit;
+		color: inherit;
+		text-transform: uppercase;
+
+		@include px-to-rem(height, 66px);
+		@include px-to-rem(padding, 12px 0);
+
+		background-color: transparent;
+		border: none;
+
+		&::placeholder {
+			color: g-color-white;
+			opacity: .85;
+		}
+
+		&::-webkit-input-placeholder {
+			color: g-color-white;
+			opacity: .85;
+		}
+
+		&::-moz-placeholder {
+			color: g-color-white;
+			opacity: .85;
+		}
+	}
+
+	.input-group-addon {
+		border: 0;
+
+		button {
+			cursor: pointer;
+			height: 100%;
+
+			border: none;
+			outline: none;
+			background-color: transparent;
+		}
+	}
+}