jekyll-text-theme 2.2.4 → 2.2.5

data/_sass/common/classes/_clearfix.scss

@@ -16,4 +16,4 @@
 
 .right {
   float: right;
-}
+}

data/_sass/common/classes/_clickable.scss

@@ -22,6 +22,15 @@
     $ignore-path: true;
   }
 
+  @include transition(map-get($clickable, transition));
+  @if $ignore-path == false {
+    svg {
+      path {
+        @include transition(map-get($clickable, transition));
+      }
+    }
+  }
+
   // hover
   @if $hover-clr == default {
     @if $hover-bg-clr == null {
@@ -147,4 +156,4 @@
       }
     }
   }
-}
+}

data/_sass/common/classes/_grid.scss

@@ -77,4 +77,4 @@ $grid-columns: 12;
   }
 }
 
-@include make-grid();
+@include make-grid();

data/_sass/common/classes/_horizontal-rules.scss

@@ -11,4 +11,4 @@
 
 .horizontal-rules {
   @include horizontal-rules();
-}
+}

data/_sass/common/classes/_link.scss

@@ -1,3 +1,12 @@
 @mixin link-colors($clr, $hover-clr: default, $active-clr: default, $focus-clr: null, $theme: default, $ignore-path: false) {
+  @include plain() {
+    text-decoration: none;
+  }
+  @include hover() {
+    text-decoration: underline;
+  }
+  @include active() {
+    text-decoration: none;
+  }
   @include clickable($clr, null, $hover-clr, null, $active-clr, null, $focus-clr, null, $theme, $ignore-path);
-}
+}

data/_sass/common/classes/_media.scss

@@ -14,4 +14,4 @@
   @media (min-width: map-get($breakpoints, $name)) {
     @content;
   }
-}
+}

data/_sass/common/classes/_overflow.scss

@@ -23,4 +23,4 @@
 
 .of-hidden {
   @include overflow(hidden);
-}
+}

data/_sass/common/classes/_pseudo.scss

@@ -30,4 +30,4 @@
   &:disabled {
     @content;
   }
-}
+}

data/_sass/common/classes/_shadow.scss

@@ -19,4 +19,4 @@
 
 .box-shadow-2 {
   @include box-shadow(2);
-}
+}

data/_sass/common/classes/_spacing.scss

@@ -78,4 +78,4 @@
   }
 }
 
-@include make-spacings();
+@include make-spacings();

data/_sass/common/classes/_split-line.scss

@@ -21,4 +21,4 @@
   @if $direction == left {
     border-left-width: $width;
   }
-}
+}

data/_sass/common/classes/_text.scss

@@ -34,4 +34,4 @@
 }
 .text--dark {
   @include text-dark();
-}
+}

data/_sass/common/classes/_transform.scss

@@ -1,4 +1,4 @@
 @mixin transform($value) {
   -webkit-transform: $value;
   transform: $value;
-}
+}

data/_sass/common/classes/_transition.scss

@@ -1,4 +1,4 @@
 @mixin transition($value) {
   -webkit-transition: $value;
   transition: $value;
-}
+}

data/_sass/common/classes/_user-select.scss

@@ -3,4 +3,4 @@
   -moz-user-select: $value;
   -ms-user-select: $value;
   user-select: $value;
-}
+}

data/_sass/common/components/_button.scss

@@ -6,13 +6,9 @@
   cursor: pointer;
   outline: none;
   @include user-select(none);
-  @include transition(map-get($button, transition));
   svg {
     width: 1rem;
     height: 1rem;
-    path {
-      @include transition(map-get($button, transition));
-    }
   }
   @include disabled() {
     cursor: not-allowed;
@@ -94,13 +90,13 @@
 .button--outline-theme-light {
   color: $main-color-theme-light;
   border: 1px solid $main-color-theme-light;
-  @include clickable($text-color-theme-dark, $main-color-theme-light);
+  @include clickable($main-color-theme-light, transparent, $text-color-theme-dark, $main-color-theme-light);
 }
 
 .button--outline-theme-dark {
   color: $main-color-theme-dark;
   border: 1px solid $main-color-theme-dark;
-  @include clickable($text-color-theme-light, $main-color-theme-dark);
+  @include clickable($main-color-theme-dark, transparent, $text-color-theme-light, $main-color-theme-dark);
 }
 
 .button--pill {
@@ -164,4 +160,4 @@
     width: map-get($button, circle-diameter-xl);
     height: map-get($button, circle-diameter-xl);
   }
-}
+}

data/_sass/common/components/_card.scss

@@ -24,7 +24,7 @@
   padding: map-get($spacers, 2) map-get($spacers, 3);
 }
 
-a.card__header, .card__header > a {
+.card__header, .card__header > a {
   @include link-colors($text-color-d, $main-color-1);
 }
 
@@ -86,7 +86,7 @@ a.card__header, .card__header > a {
       }
     }
   }
-  @include transition(map-get($link, transition));
+  @include transition(map-get($clickable, transition));
 }
 
 .card--flat {

data/_sass/common/components/_gallery.scss

@@ -8,14 +8,14 @@
   @include flex(1);
 }
 
-.gallery-item{
-  display: table;
-  width: 100%;
+.gallery-item {
+  @include flexbox();
+  @include align-items(center);
+  @include justify-content(center);
   height: 100%;
+  overflow: hidden;
 }
 
-.gallery-item__content {
-  display: table-cell;
-  text-align: center;
-  vertical-align: middle;
-}
+.gallery-item__main {
+  display: block;
+}

data/_sass/common/components/_hero.scss

@@ -67,4 +67,4 @@
       margin: map-get($spacers, 2) 0;
     }
   }
-}
+}

data/_sass/common/components/_image.scss

@@ -16,4 +16,4 @@
 }
 .image--xs {
   width: map-get($image, width-xs);
-}
+}

data/_sass/common/components/_item.scss

@@ -25,7 +25,7 @@
   min-width: 0;
 }
 
-a.item__header, .item__header > a {
+a > .item__header, a.item__header, .item__header > a {
   @include link-colors($text-color-d, $main-color-1);
 }
 
@@ -97,4 +97,4 @@ a.item__header, .item__header > a {
     }
     list-style-type: none;
   }
-}
+}

data/_sass/common/components/_menu.scss

@@ -64,4 +64,4 @@
 
 .menu--grow {
   @include flex-grow(1);
-}
+}

data/_sass/common/components/_modal.scss

@@ -36,4 +36,4 @@
 }
 .modal--overflow {
   @include overflow(auto);
-}
+}

data/_sass/common/components/_swiper.scss

@@ -45,4 +45,4 @@
 
 .swiper__button--next {
   right: 10px;
-}
+}

data/_sass/common/components/_toc.scss

@@ -1,83 +1,78 @@
 ul.toc {
   display: block;
   margin: 0;
+  color: $text-color;
   list-style-type: none;
   & > li {
-    margin: map-get($spacers, 1) 0;
-    &.active {
-      a {
-        color: $main-color-1;
-      }
-    }
-  }
-
-  a {
-    display: inline-block;
-    margin: map-get($spacers, 1) / 4 0;
-    text-decoration: none !important;
-    @include link-colors($text-color, $main-color-1);
-  }
-  .toc-h1 {
+    margin: map-get($spacers, 1) / 2 0;
     a {
-      @include link-colors($text-color-d);
-    }
-    &.active {
-      a {
-        color: $main-color-1;
-      }
+      display: inline-block;
+      margin: map-get($spacers, 1) / 4 0;
+      text-decoration: none !important;
     }
   }
-  .toc-h5, .toc-h6 {
+  .toc-h1,
+  .toc-h2,
+  .toc-h3,
+  .toc-h4,
+  .toc-h5,
+  .toc-h6 {
     a {
-      @include link-colors($text-color-l);
+      @include link-colors($text-color, $main-color-1);
     }
     &.active {
       a {
-        color: $main-color-1;
+        @include link-colors($main-color-1);
       }
     }
   }
 
+  .toc-h2,
+  .toc-h3,
+  .toc-h4,
+  .toc-h5,
+  .toc-h6 {
+    &, a {
+      font-size: map-get($base, font-size-xs);
+      font-weight: map-get($base, font-weight);
+      line-height: map-get($base, line-height-xs);
+    }
+  }
   .toc-h1 {
     @include split-line(bottom);
     padding: map-get($spacers, 2) 0 map-get($spacers, 1) 0;
     margin-bottom: map-get($spacers, 2);
-    &, a {
-      font-size: map-get($base, font-size);
-      line-height: map-get($base, line-height);
-    }
-  }
-  .toc-h2 {
+    color: $text-color-d;
     &, a {
       font-size: map-get($base, font-size-sm);
+      font-weight: map-get($base, font-weight-bold);
       line-height: map-get($base, line-height-sm);
     }
+    a {
+      @include link-colors($text-color-d, $main-color-1);
+    }
   }
-  .toc-h1,
   .toc-h2 {
     &, a {
       font-weight: map-get($base, font-weight-bold);
     }
   }
-  .toc-h3,
-  .toc-h4,
-  .toc-h5,
-  .toc-h6 {
-    &, a {
-      font-size: map-get($base, font-size-xs);
-      font-weight: map-get($base, font-weight);
-      line-height: map-get($base, line-height-xs);
-    }
-  }
   .toc-h3 {
     margin-left: map-get($spacers, 3);
   }
   .toc-h4 {
     margin-left: map-get($spacers, 3) * 2;
   }
-  .toc-h5, .toc-h6 {
+  .toc-h5,
+  .toc-h6 {
     margin-left: map-get($spacers, 3) * 3;
   }
+  .toc-h6 {
+    color: $text-color-l;
+    a {
+      @include link-colors($text-color-l, $main-color-1);
+    }
+  }
 }
 
 ul.toc--ellipsis {
@@ -90,27 +85,40 @@ ul.toc--ellipsis {
 
 ul.toc--navigator {
   & > li {
+    a {
+      padding-left: map-get($spacers, 2);
+      margin: map-get($spacers, 1) 0;
+    }
     &.active {
       a {
         margin-left: -4px;
-        @include link-colors($main-color-1);
         @include split-line(left, 4px, $main-color-1);
       }
     }
   }
-  a {
-    padding-left: map-get($spacers, 2);
-    margin: map-get($spacers, 1) 0;
-    @include hover() {
-      background-color: transparent;
-    }
-  }
-
   .toc-h2,
   .toc-h3,
   .toc-h4 {
-    &, a {
+    color: $text-color-l;
+    a {
       @include link-colors($text-color-l);
     }
   }
-}
+  .toc-h1 {
+    &, a {
+      font-size: map-get($base, font-size);
+      line-height: map-get($base, line-height);
+    }
+    color: $text-color;
+    a {
+      @include link-colors($text-color-d);
+    }
+  }
+  .toc-h2 {
+    &, a {
+      font-size: map-get($base, font-size-sm);
+      font-weight: map-get($base, font-weight-bold);
+      line-height: map-get($base, line-height-sm);
+    }
+  }
+}

data/_sass/components/_article-footer.scss

@@ -0,0 +1,17 @@
+.article__footer {
+  margin: map-get($spacers, 4) 0;
+  font-size: map-get($base, font-size-sm);
+}
+
+.article__license, .article__subscribe {
+  a {
+    @include link-colors($text-color, $main-color-1);
+  }
+}
+
+.article__license {
+  color: $text-color-l;
+  img {
+    height: map-get($base, font-size) * 1.6;
+  }
+}

data/_sass/components/_article-header.scss

@@ -7,6 +7,9 @@
   header, h1 {
     display: inline;
   }
+  h1 {
+    word-wrap: break-word;
+  }
   .split-space {
     @include user-select(none);
   }
@@ -44,4 +47,4 @@
 
 .article__header--cover {
   width: 100%;
-}
+}