jekyll-theme-hydejack 8.0.0 → 8.1.0

data/_sass/pooleparty/{__inline → __inline__}/_read-more.scss

@@ -6,7 +6,7 @@
 //
 // During development you can run `npm run watch:css`
 // to continuosly rebuild this file.
-//
+
 // Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
 //
 // This program is free software: you can redistribute it and/or modify

data/_sass/pooleparty/{__inline → __inline__}/_related.scss

@@ -6,7 +6,7 @@
 //
 // During development you can run `npm run watch:css`
 // to continuosly rebuild this file.
-//
+
 // Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
 //
 // This program is free software: you can redistribute it and/or modify

data/_sass/pooleparty/{__inline → __inline__}/_table.scss

@@ -6,7 +6,7 @@
 //
 // During development you can run `npm run watch:css`
 // to continuosly rebuild this file.
-//
+
 // Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
 //
 // This program is free software: you can redistribute it and/or modify
@@ -33,8 +33,9 @@ table:not(.highlight) {
 
   
   td, th {
+    @extend .color-transition;
     padding: .25rem .5rem;
-    border: 1px solid $border-color;
+    border: 1px solid var(--border-color);
 
     &:first-child {
       padding-left: 1rem;

data/_sass/pooleparty/{__inline → __inline__}/_type.scss

@@ -6,7 +6,7 @@
 //
 // During development you can run `npm run watch:css`
 // to continuosly rebuild this file.
-//
+
 // Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
 //
 // This program is free software: you can redistribute it and/or modify
@@ -24,8 +24,8 @@
 
 
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
-  font-weight: $font-weight-heading;
-  margin: 4rem 0 1rem;
+  font-weight: var(--font-weight-heading);
+  margin: 5rem 0 1rem;
 }
 
 h1, .h1 {
@@ -54,6 +54,8 @@ p {
 
   &.lead {
     font-size: 1.2em;
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
     padding: 0 1rem;
   }
 }
@@ -68,14 +70,16 @@ ul, ol {
 }
 
 hr {
+  @extend .color-transition;
   position: relative;
-  margin: 1.5rem 0;
+  margin: 3rem 0;
   border: 0;
-  border-top: 1px solid $border-color;
+  border-top: 1px solid var(--border-color);
 }
 
 .hr {
-  border-bottom: 1px solid $border-color;
+  @extend .color-transition;
+  border-bottom: 1px solid var(--border-color);
   padding-bottom: 1rem;
   margin-bottom: 2rem;
 }

data/_sass/pooleparty/{__link → __link__}/_base.scss

@@ -6,7 +6,7 @@
 //
 // During development you can run `npm run watch:css`
 // to continuosly rebuild this file.
-//
+
 // Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
 //
 // This program is free software: you can redistribute it and/or modify

data/_sass/pooleparty/{__link → __link__}/_code.scss

@@ -6,7 +6,7 @@
 //
 // During development you can run `npm run watch:css`
 // to continuosly rebuild this file.
-//
+
 // Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
 //
 // This program is free software: you can redistribute it and/or modify
@@ -24,29 +24,42 @@
 
 
 code, pre {
-  font-family: $code-font-family;
+  font-family: var(--code-font-family);
 }
 
 code {
+  @extend .color-transition;
   padding: .25em .5em;
-  background-color: $code-bg;
+  background-color: var(--gray-bg);
   font-size: .85em;
 }
 
-pre {
-  margin-top: 0;
-  display: block;
-  line-height: 1.4;
-  font-size: .85em;
+.pre-base {
+  margin-left: -1rem;
+  margin-right: -1rem;
+  padding: 1rem;
+  background-color: var(--gray-bg);
 
-  /* Prevent code linebreaks and allow side-scrolling (much better readability on mobile) */
+  // Prevent code linebreaks and allow side-scrolling for better readability on mobile
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
 
-  /* Make code same width as regular text, and scroll the full page width on mobile */
-  @include pre();
-
+  // HACK: prevents painting for some reason
   backface-visibility: hidden;
+
+  @media print {
+    width: 100%!important;
+    page-break-inside: avoid;
+    break-inside: avoid-page;
+  }
+}
+
+pre {
+  @extend .pre-base;
+  margin-top: 0;
+  display: block;
+  line-height: 1.4;
+  font-size: .85em;
 }
 
 pre > code {

data/_sass/pooleparty/{__link → __link__}/_footer.scss

@@ -6,7 +6,7 @@
 //
 // During development you can run `npm run watch:css`
 // to continuosly rebuild this file.
-//
+
 // Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
 //
 // This program is free software: you can redistribute it and/or modify

data/_sass/pooleparty/{__link → __link__}/_footnotes.scss

@@ -6,7 +6,7 @@
 //
 // During development you can run `npm run watch:css`
 // to continuosly rebuild this file.
-//
+
 // Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
 //
 // This program is free software: you can redistribute it and/or modify
@@ -28,7 +28,7 @@ a[href^="#fn:"],
 // Back to footnote link
 a[href^="#fnref:"] {
   margin-left: .1rem;
-  font-weight: $font-weight-bold;
+  font-weight: var(--font-weight-bold);
 
   @media screen and (max-width: 73.5em) {
     font-weight: normal;
@@ -54,7 +54,7 @@ sup {
   margin-top: 5rem;
 
   > ol {
-    color: $gray;
+    color: var(--text-muted);
 
     > li {
       padding: .5rem;
@@ -62,18 +62,19 @@ sup {
       > p { margin: 0; }
       &:focus {
         outline: none;
-        color: $gray-text;
-        background: $gray-bg;
+        color: var(--gray-text);
+        background: var(--gray-bg);
       }
     }
   }
 
   &::before {
+    @extend .color-transition;
     content: "";
     display: block;
     margin: 1.5rem 0;
     border: 0;
-    border-top: 1px solid $border-color;
+    border-top: 1px solid var(--border-color);
   }
 }
 

data/_sass/pooleparty/{__link → __link__}/_message.scss

@@ -6,7 +6,7 @@
 //
 // During development you can run `npm run watch:css`
 // to continuosly rebuild this file.
-//
+
 // Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
 //
 // This program is free software: you can redistribute it and/or modify

data/_sass/pooleparty/{__link → __link__}/_pagination.scss

@@ -6,7 +6,7 @@
 //
 // During development you can run `npm run watch:css`
 // to continuosly rebuild this file.
-//
+
 // Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
 //
 // This program is free software: you can redistribute it and/or modify
@@ -24,9 +24,10 @@
 
 
 .pagination {
+  @extend .color-transition;
   width: calc(100% + 2rem);
   margin: 0 -1rem 1rem;
-  color: $gray;
+  color: var(--text-muted);
   text-align: center;
 
   > ul {
@@ -40,12 +41,13 @@
   > * {
     display: block;
     padding: .25rem 1rem;
-    border: solid $border-color;
+    border: solid var(--border-color);
     border-width: 1px 0;
+    transition: border-color 1s ease;
   }
 
   > a, > a:hover, > a:focus {
-    border-color: $border-color!important;
+    border-color: var(--border-color)!important;
   }
 
   &:first-child > * {
@@ -54,8 +56,8 @@
 
   // Only provide a hover state for linked pagination items
   > a:hover, a:focus {
-    background-color: #f5f5f5;
-    border-bottom: 1px solid $border-color;
+    background-color: var(--gray-bg);
+    border-bottom: 1px solid var(--border-color);
   }
 }
 
@@ -77,6 +79,7 @@
       border-top-left-radius: 0.25rem;
       border-bottom-left-radius: 0.25rem;
     }
+
     &:last-child > * {
       margin-left: -1px;
       border-top-right-radius: 0.25rem;

data/_sass/pooleparty/{__link → __link__}/_posts.scss

@@ -6,7 +6,7 @@
 //
 // During development you can run `npm run watch:css`
 // to continuosly rebuild this file.
-//
+
 // Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
 //
 // This program is free software: you can redistribute it and/or modify
@@ -33,6 +33,6 @@ hr.dingbat::after {
   display: block;
   text-align: center;
   font-size: 1.5rem;
-  color: #ddd;
+  color: var(--menu-text);
 }
 

data/_sass/pooleparty/{__link → __link__}/_read-more.scss

@@ -6,7 +6,7 @@
 //
 // During development you can run `npm run watch:css`
 // to continuosly rebuild this file.
-//
+
 // Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
 //
 // This program is free software: you can redistribute it and/or modify

data/_sass/pooleparty/{__link → __link__}/_related.scss

@@ -6,7 +6,7 @@
 //
 // During development you can run `npm run watch:css`
 // to continuosly rebuild this file.
-//
+
 // Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
 //
 // This program is free software: you can redistribute it and/or modify

data/_sass/pooleparty/{__link → __link__}/_table.scss

@@ -6,7 +6,7 @@
 //
 // During development you can run `npm run watch:css`
 // to continuosly rebuild this file.
-//
+
 // Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
 //
 // This program is free software: you can redistribute it and/or modify
@@ -36,23 +36,27 @@ table:not(.highlight) {
 
   
   thead {
-    background-color: $body-bg;
+    @extend .color-transition;
+    background-color: var(--body-bg);
   }
 
   thead + tbody,
   tbody + tbody,
   tfoot {
-    border-top: 3px double $border-color;
+    @extend .color-transition;
+    border-top: 3px double var(--border-color);
   }
 
   tbody tr:nth-child(even) td,
   tbody tr:nth-child(even) th {
-    background-color: $body-bg;
+    @extend .color-transition;
+    background-color: var(--body-bg);
   }
 
   tbody tr:nth-child(odd) td,
   tbody tr:nth-child(odd) th {
-    background-color: $gray-bg;
+    @extend .color-transition;
+    background-color: var(--gray-bg);
   }
   
 }
@@ -78,8 +82,8 @@ table:not(.highlight) {
   thead,
   thead + tbody,
   tbody + tbody {
-    border-top: 1px solid $border-color;
-    border-bottom: 1px solid $border-color;
+    border-top: 1px solid var(--border-color);
+    border-bottom: 1px solid var(--border-color);
   }
 
   thead, tbody {
@@ -115,14 +119,14 @@ table:not(.highlight) {
 
     &:first-child {
       td {
-        border-left: 1px solid $border-color;
+        border-left: 1px solid var(--border-color);
       }
     }
 
     &:last-child {
       td {
         padding-right: 1rem;
-        border-right: 1px solid $border-color;
+        border-right: 1px solid var(--border-color);
       }
     }
   }

data/_sass/pooleparty/{__link → __link__}/_type.scss

@@ -6,7 +6,7 @@
 //
 // During development you can run `npm run watch:css`
 // to continuosly rebuild this file.
-//
+
 // Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
 //
 // This program is free software: you can redistribute it and/or modify
@@ -38,7 +38,7 @@ h5 + h6, .h5 + .h6, h5 + .h6, .h5 + h6 {
 }
 
 dt, strong {
-  font-weight: $font-weight-bold;
+  font-weight: var(--font-weight-bold);
 }
 
 dd {
@@ -47,21 +47,21 @@ dd {
 
 abbr {
   font-size: 85%;
-  font-weight: $font-weight-bold;
-  color: #555;
+  font-weight: var(--font-weight-bold);
   text-transform: uppercase;
 
   &[title] {
     cursor: help;
-    border-bottom: 1px dotted $border-color;
+    border-bottom: 1px dotted var(--border-color);
   }
 }
 
 blockquote {
+  @extend .color-transition;
   padding: .5rem 1rem;
   margin: .8rem 0;
-  color: $gray;
-  border-left: .25rem solid $border-color;
+  color: var(--text-muted);
+  border-left: .25rem solid var(--border-color);
 
   &.lead {
     font-size: 1.2em;
@@ -76,7 +76,7 @@ blockquote {
 }
 
 .heading {
-  font-weight: $font-weight-heading;
+  font-weight: var(--font-weight-heading);
 }
 
 .fine {
@@ -84,7 +84,8 @@ blockquote {
 }
 
 .faded {
-  color: $gray;
+  @extend .color-transition;
+  color: var(--text-muted);
 }
 
 .centered {