jekyll-theme-glueckkanja 1.0.2 → 1.1.0

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

@@ -0,0 +1,52 @@
+/*------------------------------------
+  Searchform v4
+------------------------------------*/
+
+.u-searchform-v4 {
+
+	.form-control {
+
+		font-family: $g-font-primary;
+		@include px-to-rem(font-size, 12px);
+		@include px-to-rem(width, 280px);
+		@include px-to-rem(padding, 10px 40px 10px 10px);
+
+		&::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;
+		}
+
+		&:not(:last-child) {
+			border-right: none;
+		}
+	}
+
+	.input-group-addon {
+		border-left: none;
+
+		@include absolute(right 0 top 0);
+		height: 100%;
+		z-index: 2;
+		
+
+		button[type="submit"] {
+			height: 100%;
+
+			cursor: pointer;
+
+			outline: none;
+			border: none;
+			background-color: transparent;
+		}
+	}
+}

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

@@ -0,0 +1,57 @@
+/*------------------------------------
+  Searchform v5
+------------------------------------*/
+
+.u-searchform-v5 {
+
+	.input-group {
+		border: solid 1px $g-color-gray-light-v4;
+	}
+
+	.form-control {
+		font-family: $g-font-primary;
+		@include px-to-rem(font-size, 12px);
+		text-transform: uppercase;
+		color: $g-color-gray-dark-v4;
+
+		@include px-to-rem(height, 43px);
+		@include px-to-rem(padding, 5px 5px 5px 28px);
+		border-color: transparent;
+
+		&::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;
+		}
+
+		// &:not(:last-child) {
+		// 	border-right: none;
+		// }
+
+		&:focus {
+			border-color: transparent;
+		}
+	}
+
+	.input-group-addon {
+		border-color: transparent;
+
+		button[type="submit"] {
+			@include px-to-rem(font-size, 19px);
+			height: 100%;
+			cursor: pointer;
+			outline: none;
+			border: none;
+			background-color: transparent;
+		}
+	}
+}

data/_sass/unify/base/steps/_steps-v1.scss

@@ -0,0 +1,127 @@
+/*------------------------------------
+  Steps v1
+------------------------------------*/
+
+.u-steps-v1 {
+  padding: .75rem 1rem;
+  margin-bottom: 1rem;
+  list-style: none;
+  background-color: $g-color-gray-light-v4;
+  border-radius: .25rem;
+
+  &::after {
+    content: "";
+    display: table;
+    width: 100%;
+  }
+
+  > * {
+    display: inline-block;
+    vertical-align: middle;
+  }
+
+  &__item {
+    float: left;
+    margin-right: 15px;
+
+    a {
+      &:hover {
+        text-decoration: none;
+      }
+    }
+  }
+}
+
+@media (min-width: $g-md) {
+  .u-steps-v1 {
+    padding: 0;
+    margin-bottom: 0;
+    background-color: transparent;
+    border-radius: 0;
+
+    &__item {
+      list-style: none;
+      margin-right: 40px;
+
+      a,
+      span {
+        position: relative;
+        display: inline-block;
+        padding: 10px 15px;
+        border-radius: 5px;
+        transition: {
+          property: background-color;
+          duration: .2s;
+          timing-function: ease-in;
+        }
+
+        &::before {
+          content: "";
+          position: absolute;
+          top: 50%;
+          left: 100%;
+          display: block;
+          width: 70px;
+          height: 4px;
+          transform: translateY(-50%);
+        }
+      }
+
+      a {
+        color: $g-color-white;
+        background-color: $g-color-primary;
+
+        &::before {
+          background-color: $g-color-primary;
+        }
+
+        &:hover {
+          background-color: $g-color-gray-dark-v2;
+        }
+      }
+
+      span {
+        background-color: $g-color-gray-light-v4;
+
+        &::before {
+          background-color: $g-color-gray-light-v4;
+        }
+      }
+
+      > i {
+        font-size: 10px;
+      }
+
+      &:last-child {
+        margin-right: 0;
+
+        a,
+        span {
+          &::before {
+            display: none;
+          }
+        }
+      }
+
+      & + .u-breadcrumb-v1__item {
+        &::before {
+          display: none;
+        }
+      }
+
+      &.active {
+        a,
+        span {
+          color: $g-color-white;
+          background-color: $g-color-primary;
+        }
+      }
+    }
+
+    a {
+      &:hover {
+        text-decoration: none;
+      }
+    }
+  }
+}

data/_sass/unify/base/steps/_steps-v2.scss

@@ -0,0 +1,141 @@
+/*------------------------------------
+  Steps v2
+------------------------------------*/
+
+.u-steps-v2 {
+  padding: .75rem 1rem;
+  margin-bottom: 1rem;
+  list-style: none;
+  background-color: $g-color-gray-light-v4;
+  border-radius: .25rem;
+
+  &::after {
+    content: "";
+    display: table;
+    width: 100%;
+  }
+
+  > * {
+    display: inline-block;
+    vertical-align: middle;
+  }
+
+  &__item {
+    float: left;
+    margin-right: 15px;
+
+    a {
+      &:hover {
+        text-decoration: none;
+      }
+    }
+  }
+}
+
+@media (min-width: $g-md) {
+  .u-steps-v2 {
+    padding: 0;
+    margin-bottom: 0;
+    background-color: transparent;
+    border-radius: 0;
+
+    &__indicator {
+      position: absolute;
+      bottom: 0;
+      left: 50%;
+      width: 12px;
+      height: 12px;
+      border-radius: 50%;
+      background-color: $g-color-primary;
+      box-shadow: 0;
+      transform: translateX(-50%);
+      transition: {
+        property: box-shadow;
+        duration: .2s;
+        timing-function: ease-in;
+      }
+    }
+
+    &__item {
+      text-align: center;
+      list-style: none;
+      margin-right: 40px;
+
+      a,
+      span {
+        position: relative;
+        display: block;
+        color: $g-color-gray-dark-v2;
+        padding-bottom: 20px;
+        transition: {
+          property: color;
+          duration: .2s;
+          timing-function: ease-in;
+        }
+
+        &::before {
+          content: "";
+          position: absolute;
+          bottom: 4px;
+          left: 50%;
+          display: block;
+          width: 120px;
+          height: 4px;
+          margin-left: 6px;
+        }
+      }
+
+      a {
+        &::before {
+          background-color: $g-color-primary;
+        }
+
+        .u-steps-v2__indicator {
+          background-color: $g-color-primary;
+        }
+
+        &:hover {
+          text-decoration: none;
+        }
+      }
+
+      span {
+        &::before {
+          background-color: $g-color-gray-light-v4;
+        }
+
+        .u-steps-v2__indicator {
+          background-color: $g-color-gray-light-v4;
+        }
+      }
+
+      &:last-child {
+        a,
+        span {
+          &::before {
+            display: none;
+          }
+        }
+      }
+
+      &:hover {
+        a {
+          color: $g-color-primary;
+
+          .u-steps-v2__indicator {
+            box-shadow: 0 0 0 3px rgba($g-color-primary, .3);
+          }
+        }
+      }
+
+      &.active {
+        a,
+        span {
+          .u-steps-v2__indicator {
+            background-color: $g-color-primary;
+          }
+        }
+      }
+    }
+  }
+}

data/_sass/unify/base/steps/_steps-v3.scss

@@ -0,0 +1,159 @@
+/*------------------------------------
+  Steps v3
+------------------------------------*/
+
+.u-steps-v3 {
+  padding: .75rem 1rem;
+  margin-bottom: 1rem;
+  list-style: none;
+  background-color: $g-color-gray-light-v4;
+  border-radius: .25rem;
+
+  &::after {
+    content: "";
+    display: table;
+    width: 100%;
+  }
+
+  > * {
+    display: inline-block;
+    vertical-align: middle;
+  }
+
+  &__item {
+    float: left;
+    margin-right: 15px;
+
+    a {
+      &:hover {
+        text-decoration: none;
+      }
+    }
+  }
+
+  &__indicator {
+    font-style: normal;
+
+    &::after {
+      content: " - ";
+    }
+  }
+}
+
+@media (min-width: $g-md) {
+  .u-steps-v3 {
+    padding: 0;
+    margin-bottom: 0;
+    background-color: transparent;
+    border-radius: 0;
+
+    &__indicator {
+      position: absolute;
+      top: 0;
+      left: 50%;
+      width: 26px;
+      height: 26px;
+      line-height: 26px;
+      text-align: center;
+      background-color: $g-color-primary;
+      box-shadow: 0;
+      border-radius: 50%;
+      transform: translateX(-50%);
+      transition: {
+        property: box-shadow;
+        duration: .2s;
+        timing-function: ease-in;
+      }
+
+      &::after {
+        display: none;
+      }
+    }
+
+    &__item {
+      text-align: center;
+      float: left;
+      list-style: none;
+      margin-right: 40px;
+
+      a,
+      span {
+        position: relative;
+        display: block;
+        color: $g-color-gray-dark-v2;
+        padding-top: 40px;
+        transition: {
+          property: color;
+          duration: .2s;
+          timing-function: ease-in;
+        }
+
+        &::before {
+          content: "";
+          position: absolute;
+          top: 11px;
+          left: 50%;
+          display: block;
+          width: 120px;
+          height: 4px;
+          margin-left: 13px;
+        }
+      }
+
+      a {
+        &::before {
+          background-color: $g-color-primary;
+        }
+
+        .u-steps-v3__indicator {
+          color: $g-color-white;
+          background-color: $g-color-primary;
+        }
+
+        &:hover {
+          text-decoration: none;
+        }
+      }
+
+      span {
+        &::before {
+          background-color: $g-color-gray-light-v4;
+        }
+
+        .u-steps-v3__indicator {
+          color: $g-color-gray-dark-v2;
+          background-color: $g-color-gray-light-v4;
+        }
+      }
+
+      &:last-child {
+        a,
+        span {
+          &::before {
+            display: none;
+          }
+        }
+      }
+
+      &:hover {
+        a {
+          color: $g-color-primary;
+
+          .u-steps-v3__indicator {
+            box-shadow: 0 0 0 3px rgba($g-color-primary, .3);
+          }
+        }
+      }
+
+      &.active {
+        a,
+        span {
+          .u-steps-v3__indicator {
+            color: $g-color-white;
+            background-color: $g-color-primary;
+          }
+        }
+      }
+    }
+  }
+}

data/_sass/unify/base/tabs/_tabs-v1.scss

@@ -0,0 +1,85 @@
+/*------------------------------------
+  Tabs v1
+------------------------------------*/
+
+/* Tabs v1
+------------------------------------*/
+@media(min-width: $g-md) {
+  [class*="u-nav-v1"] {
+    &.u-nav-rounded-3 .nav-link {
+      border-radius: 3px;
+    }
+    &.u-nav-rounded-5 .nav-link {
+      border-radius: 5px;
+    }
+    &.u-nav-rounded-7 .nav-link {
+      border-radius: 7px;
+    }
+    &.u-nav-rounded-10 .nav-link {
+      border-radius: 10px;
+    }
+  }
+
+  .u-nav-v1-1 {
+    & .nav-link.active {
+      background-color: $g-color-gray-light-v4;
+    }
+
+    &.u-nav-primary {
+      & .nav-link.active {
+        color: $g-color-white;
+        background-color: $g-color-primary;
+      }
+    }
+
+    &.u-nav-dark {
+      & .nav-link.active {
+        color: $g-color-white;
+        background-color: $g-color-gray-dark-v2;
+      }
+    }
+
+    &.u-nav-light {
+      & .nav-link {
+        color: $g-color-white;
+      }
+
+      & .nav-link.active {
+        color: $g-color-gray-dark-v2;
+        background-color: $g-color-white;
+      }
+    }
+  }
+
+  .u-nav-v1-2 {
+    & .nav-link {
+      border: solid 1px transparent;
+    }
+
+    & .nav-link.active {
+      border-color: $g-color-gray-light-v4;
+    }
+
+    &.u-nav-primary {
+      & .nav-link.active {
+        border-color: $g-color-primary;
+      }
+    }
+
+    &.u-nav-dark {
+      & .nav-link.active {
+        border-color: $g-color-gray-dark-v2;
+      }
+    }
+
+    &.u-nav-light {
+      & .nav-link {
+        color: $g-color-white;
+      }
+
+      & .nav-link.active {
+        border-color: $g-color-white;
+      }
+    }
+  }
+}