jekyll-theme-glueckkanja 1.0.2 → 1.1.0

data/_sass/unify/base/_labels.scss

@@ -0,0 +1,116 @@
+/*------------------------------------
+  Background Colors
+------------------------------------*/
+.u-label {
+  display: inline-block;
+  padding: .35rem .58rem;
+  font-size: .9rem;
+  line-height: 1;
+  text-align: center;
+  white-space: nowrap;
+  color: #fff;
+
+  &:empty {
+    display: none;
+  }
+  .btn & {
+    position: relative;
+    top: -1px;
+  }
+
+  // Default color
+  &-default {
+    background-color: $g-color-gray-dark-v4;
+  }
+  &-default[href]:hover,
+  &-default[href]:focus {
+    background-color: $g-color-gray-dark-v3;
+  }
+
+  // Primary color
+  &-primary {
+    background-color: $g-color-success;
+  }
+  &-primary[href]:hover,
+  &-primary[href]:focus {
+    background-color: $g-color-success-dark-v1;
+  }
+
+  // Success color
+  &-success {
+    background-color: $g-color-success;
+  }
+  &-success[href]:hover,
+  &-success[href]:focus {
+    background-color: $g-color-success-dark-v1;
+  }
+
+  // Info color
+  &-info {
+    background-color: $g-color-info;
+  }
+  &-info[href]:hover,
+  &-info[href]:focus {
+    background-color: $g-color-info-dark-v1;
+  }
+
+  // Warning color
+  &-warning {
+    background-color: $g-color-warning;
+  }
+  &-warning[href]:hover,
+  &-warning[href]:focus {
+    background-color: $g-color-warning-dark-v1;
+  }
+
+  // Danger color
+  &-danger {
+    background-color: $g-color-danger;
+  }
+  &-danger[href]:hover,
+  &-danger[href]:focus {
+    background-color: $g-color-danger-dark-v1;
+  }
+
+  &.g-rounded-10 {
+    padding: .35rem .7rem;
+  }
+
+  /* Label Size
+  ------------------------------------*/
+  &--sm {
+    font-size: .8rem;
+  }
+  &--lg {
+    font-size: 1.1rem;
+  }
+
+  /* Label Styles
+  ------------------------------------*/
+  &.u-label-with-icon {
+    padding: .5rem .85rem;
+
+    & i {
+      margin-right: .5rem;
+    }
+  }
+
+  /* Label Num
+  ------------------------------------*/
+  &-num {
+    min-width: 2rem;
+    height: 2rem;
+    padding: 0 .35rem;
+    line-height: 2rem;
+  }
+  &-num.u-label--sm {
+    min-width: 1.6rem;
+    height: 1.6rem;
+    line-height: 1.6rem;
+  }
+  &-num.u-label--lg {
+    min-width: 2.2rem;
+    height: 2.2rem;
+    line-height: 2.2rem;
+  }
+}

data/_sass/unify/base/_links.scss

@@ -0,0 +1,57 @@
+//
+// Links
+//
+
+/*------------------------------------
+  Link Styles
+------------------------------------*/
+
+.u-link {
+  // Link Style v1
+  &-v1 {
+    border-bottom: solid 1px;
+
+    &:hover,
+    &:focus {
+      border-bottom: none;
+      text-decoration: none;
+    }
+  }
+
+  // Link Style v2
+  &-v2 {
+    @include absolute(top 0 right 0 bottom 0 left 0);
+    text-indent: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+
+  // Link Style v3
+  &-v3 {
+    text-decoration: underline;
+
+    &:hover {
+      text-decoration: none;
+    }
+  }
+
+  // Link Style v4
+  &-v4 {
+    transition: all .3s;
+
+    &:hover {
+      opacity: .8;
+    }
+  }
+
+  // Link Style v5
+  &-v5 {
+    text-decoration: none;
+    transition: all .2s;
+
+    &:hover,
+    &:focus {
+      text-decoration: none;
+    }
+  }
+}

data/_sass/unify/base/_lists.scss

@@ -0,0 +1,8 @@
+/*------------------------------------
+  List Styles
+------------------------------------*/
+.u-list-inline {
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+}

data/_sass/unify/base/_media.scss

@@ -0,0 +1,3 @@
+.img-bordered {
+  border: solid 6px $g-color-gray-dark-v4;
+}

data/_sass/unify/base/_orders.scss

@@ -0,0 +1,45 @@
+.g-order {
+  &-1 {
+    order: 1;
+  }
+
+  &-2 {
+    order: 2;
+  }
+}
+
+@media (min-width: $g-sm) {
+  .g-order {
+    &-1--sm {
+      order: 1;
+    }
+
+    &-2--sm {
+      order: 2;
+    }
+  }
+}
+
+@media (min-width: $g-md) {
+  .g-order {
+    &-1--md {
+      order: 1;
+    }
+
+    &-2--md {
+      order: 2;
+    }
+  }
+}
+
+@media (min-width: $g-lg) {
+  .g-order {
+    &-1--lg {
+      order: 1;
+    }
+
+    &-2--lg {
+      order: 2;
+    }
+  }
+}

data/_sass/unify/base/_outer-spaces-helper.scss

@@ -0,0 +1,42 @@
+.u-outer-spaces-helper {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  display: none;
+  width: 100%;
+  overflow: hidden;
+
+  &::after {
+    content: '';
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    display: block;
+    width: 100%;
+    height: 100vh;
+    background-color: $g-color-gray-light-v5;
+    background-position: center;
+    background-repeat: repeat;
+
+    .g-dark-theme & {
+      background-color: $g-color-black;
+    }
+
+    [class*="g-bgi-v"] & {
+      background-color: transparent;
+    }
+  }
+
+  .u-outer-space-v1 &,
+  .u-outer-space-v2 & {
+    display: block;
+  }
+
+  .u-outer-space-v1 & {
+    height: 20px;
+  }
+
+  .u-outer-space-v2 & {
+    height: 40px;
+  }
+}

data/_sass/unify/base/_paginations-old.scss

@@ -0,0 +1,43 @@
+/*------------------------------------
+  Paginations
+------------------------------------*/
+
+//
+// Pagination v1
+//
+
+/* Pagination v1 */
+[class*="u-pagination-v1__item"] {
+  transition: all .3s ease;
+}
+
+.u-pagination-v1__item {
+  display: inline-block;
+  text-align: center;
+  text-decoration: none;
+
+  &--active,
+  &:hover,
+  &:focus {
+    text-decoration: none;
+    cursor: pointer;
+  }
+
+  // Skip
+  &--skip:hover,
+  &--skip:focus {
+    cursor: default;
+  }
+
+  // Info
+  &--info:hover,
+  &--info:focus {
+    cursor: text;
+  }
+
+  // Disabled
+  &--disabled {
+    opacity: .5;
+    pointer-events: none;
+  }
+}

data/_sass/unify/base/_paginations.scss

@@ -0,0 +1,131 @@
+/*------------------------------------
+  Paginations
+------------------------------------*/
+
+//
+// Pagination v1
+//
+
+/* Pagination v1 */
+.u-pagination-v1__item {
+  display: inline-block;
+  text-align: center;
+  text-decoration: none;
+  border: solid 1px transparent;
+  transition: all .3s ease;
+
+  &--active,
+  &:hover,
+  &:focus {
+    text-decoration: none;
+    cursor: pointer;
+  }
+
+  // Info
+  &-info {
+    display: inline-block;
+    text-align: center;
+    text-decoration: none;
+  }
+
+  // Disabled
+  &--disabled {
+    opacity: .5;
+    pointer-events: none;
+  }
+}
+
+/* Pagination Style v1 */
+.u-pagination-v1-1 {
+  color: $g-color-gray-dark-v5;
+  border-color: $g-color-gray-dark-v5;
+
+  &--active,
+  &:hover,
+  &:focus {
+    background-color: $g-color-primary;
+    color: $g-color-white;
+    border-color: $g-color-primary;
+  }
+}
+
+/* Pagination Style v2 */
+.u-pagination-v1-2 {
+  color: $g-color-gray-dark-v3;
+  border-color: $g-color-gray-dark-v3;
+
+  &:hover,
+  &:focus {
+    color: $g-color-primary;
+    border-color: $g-color-primary;
+  }
+
+  &--active,
+  &--nav {
+    background-color: $g-color-primary;
+    color: $g-color-white;
+    border-color: $g-color-primary;
+
+    &:hover,
+    &:focus {
+      color: $g-color-white;
+    }
+  }
+
+  &--nav {
+    &:hover {
+      background-color: rgba($g-color-primary, .8);
+    }
+  }
+}
+
+/* Pagination Style v3 */
+.u-pagination-v1-3 {
+  color: $g-color-gray-dark-v2;
+  border-color: $g-color-gray-dark-v2;
+
+  &--active,
+  &:hover,
+  &:focus {
+    background-color: $g-color-gray-dark-v2;
+    color: $g-color-white;
+    border-color: $g-color-gray-dark-v2;
+  }
+}
+
+/* Pagination Style v4 */
+.u-pagination-v1-4 {
+  color: $g-color-gray-dark-v2;
+  border-color: transparent;
+
+  &:hover,
+  &:focus {
+    color: $g-color-primary;
+    border-color: $g-color-primary;
+  }
+
+  &--active {
+    color: $g-color-white;
+    background-color: $g-color-primary;
+    border-color: $g-color-primary;
+
+    &:hover,
+    &:focus {
+      color: $g-color-white;
+    }
+  }
+}
+
+/* Pagination Style v5 */
+.u-pagination-v1-5 {
+  color: $g-color-gray-dark-v5;
+  border-color: $g-color-gray-light-v2;
+
+  &--active,
+  &:hover,
+  &:focus {
+    background-color: $g-color-primary;
+    color: $g-color-white;
+    border-color: $g-color-primary;
+  }
+}