jekyll-theme-hydejack 8.0.0 → 8.1.0

data/_sass/hydejack/{__inline → __inline__}/_content.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
@@ -27,7 +27,7 @@
   position: relative;
   margin-left: auto;
   margin-right: auto;
-  padding: 5rem $content-padding 12rem;
+  padding: 6rem $content-padding 12rem;
 
   @media screen {
     padding-left: $content-padding + .5rem;

data/_sass/hydejack/{__inline → __inline__}/_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/hydejack/{__inline → __inline__}/_images.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
@@ -30,7 +30,7 @@
     height: 100%; 
 //     object-fit: cover; 
 //     object-position: center; 
-    background-color: $gray-bg; 
+    background-color: var(--gray-bg); 
     
   }
 }

data/_sass/hydejack/{__inline → __inline__}/_katex.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/hydejack/{__inline → __inline__}/_links.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
@@ -26,12 +26,12 @@ hy-push-state a, .a {
   position: relative; 
   padding-bottom: .15rem; 
   border-bottom: 1px solid; 
-//   transition: color 500ms, border-color 250ms; 
+//   transition: color 1s, border-color 250ms; 
   
 
   &.no-hover {
     border-bottom: none; 
-    padding-bottom: none; 
+    padding-bottom: 0; 
 //     transition: none; 
 //     &:hover { transition: none; } 
   }
@@ -39,7 +39,7 @@ hy-push-state a, .a {
 
 /*
 img {
-  background-color: $gray-bg; 
+  background-color: var(--gray-bg); 
   
 }
 */

data/_sass/hydejack/{__link → __inline__}/_mark-external.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/hydejack/{__inline → __inline__}/_menu.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
@@ -23,38 +23,40 @@
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 
-.fixed-top {
+.fixed-common {
   position: fixed;
-  top: 0;
   left: 0;
   width: 100%;
   z-index: 2;
 }
 
+.fixed-top {
+  @extend .fixed-common;
+  top: 0;
+}
+
+.fixed-bottom {
+  @extend .fixed-common;
+  bottom: 0;
+}
+
 .navbar > .content {
   padding-top: 0;
   padding-bottom: 0;
   min-height: 0;
-  height: 0;
-  color: #bbb;
+  color: var(--menu-text);
 }
 
 .nav-btn-bar {
-  margin-left: -.875rem;
-  height: 0;
+  margin: 0 -1rem 0 -.875rem;
 }
 
 .nav-btn {
-  display: inline-block;
+  background: none;
+  border: none;
   padding: 1.75rem .875rem;
-  border-bottom: none;
-  color: #bbb!important;
-}
-
-#_menu {
-  @media screen and (min-width: $break-point-3) {
-    display: none;
-  }
+  color: var(--menu-text)!important;
+  cursor: pointer;
 }
 
 .animation-main {

data/_sass/hydejack/{__inline → __inline__}/_sidebar.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
@@ -134,7 +134,7 @@ hy-drawer {
 
 a.sidebar-nav-item {
   display: inline-block;
-  font-weight: $font-weight-heading;
+  font-weight: var(--font-weight-heading);
   line-height: 1.75;
   padding: .25rem;
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);

data/_sass/hydejack/{__inline → __inline__}/_social.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/hydejack/{__inline → __inline__}/_utilities.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
@@ -32,11 +32,14 @@
 .mt4 { margin-top: 4rem }
 .pb0 { padding-bottom: 0 }
 
-.clearfix, .clearafter::after { @include clearfix(); } // both
-
 .sixteen-nine { @include aspect-ratio(16, 9); }
 
 .sr-only {
   display: none; 
   
 }
+
+.border {
+  border: 1px solid var(--border-color); 
+//   transition: border-color 1s ease; 
+}

data/_sass/hydejack/{__link → __link__}/_avatar.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/hydejack/{__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/hydejack/{__link → __link__}/_break-layout.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/hydejack/{__link → __link__}/_content.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/hydejack/{__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
@@ -29,7 +29,7 @@ main > footer {
   left: .5rem;
   right: 0;
   padding: 0 1rem;
-  color: $gray;
+  color: var(--text-muted);
   text-align: center;
 
   > p {

data/_sass/hydejack/{__link → __link__}/_images.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
@@ -30,7 +30,7 @@
 //     height: 100%; 
     object-fit: cover; 
     object-position: center; 
-//     background-color: $gray-bg; 
+//     background-color: var(--gray-bg); 
     background-position: center;
     background-repeat: no-repeat;
     background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTYwIiBoZWlnaHQ9IjkwIiB2aWV3Qm94PSIwIDAgMTYwIDkwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxnIHRyYW5zZm9ybT0ibWF0cml4KDAuMDQ4ODI4LCAwLCAwLCAwLjA0Nzk5MSwgNTQuOTk5OTczLCAyMC40MjgxNDgpIj4KICAgIDxwYXRoIGQ9Ik05NTkuODg0IDEyOGMwLjA0MCAwLjAzNCAwLjA4MiAwLjA3NiAwLjExNiAwLjExNnY3NjcuNzdjLTAuMDM0IDAuMDQwLTAuMDc2IDAuMDgyLTAuMTE2IDAuMTE2aC04OTUuNzdjLTAuMDQwLTAuMDM0LTAuMDgyLTAuMDc2LTAuMTE0LTAuMTE2di03NjcuNzcyYzAuMDM0LTAuMDQwIDAuMDc2LTAuMDgyIDAuMTE0LTAuMTE0aDg5NS43N3pNOTYwIDY0aC04OTZjLTM1LjIgMC02NCAyOC44LTY0IDY0djc2OGMwIDM1LjIgMjguOCA2NCA2NCA2NGg4OTZjMzUuMiAwIDY0LTI4LjggNjQtNjR2LTc2OGMwLTM1LjItMjguOC02NC02NC02NHYweiIgc3R5bGU9ImZpbGw6IHJnYigyMjEsIDIyMSwgMjIxKTsiLz4KICAgIDxwYXRoIGQ9Ik04MzIgMjg4YzAgNTMuMDIwLTQyLjk4IDk2LTk2IDk2cy05Ni00Mi45OC05Ni05NiA0Mi45OC05NiA5Ni05NiA5NiA0Mi45OCA5NiA5NnoiIHN0eWxlPSJmaWxsOiByZ2IoMjIxLCAyMjEsIDIyMSk7Ii8+CiAgICA8cGF0aCBkPSJNODk2IDgzMmgtNzY4di0xMjhsMjI0LTM4NCAyNTYgMzIwaDY0bDIyNC0xOTJ6IiBzdHlsZT0iZmlsbDogcmdiKDIyMSwgMjIxLCAyMjEpOyIvPgogIDwvZz4KPC9zdmc+');
@@ -44,7 +44,7 @@ hy-img {
   position: relative;
 
   .loading {
-    background-color: $gray-bg;
+    background-color: var(--gray-bg);
     position: absolute;
     top: 0;
     left: 0;
@@ -55,7 +55,7 @@ hy-img {
     align-items: center;
 
     > * {
-      color: #ddd;
+      color: var(--menu-text);
       font-size: 2rem;
     }
   }
@@ -69,7 +69,9 @@ hy-img {
 
 figure, .figure {
   @extend .faded, .fine, .centered;
-  hy-img, img {
+  margin-bottom: 2rem;
+
+  > *:first-child {
     margin-bottom: .5rem;
   }
 }

data/_sass/hydejack/{__link → __link__}/_katex.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
@@ -25,18 +25,13 @@
 
 article {
   .katex-display, div.MathJax_Preview {
-    /* Prevent code linebreaks and allow side-scrolling (much better readability on mobile) */
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
+    @extend .pre-base;
+    padding: 2rem;
     text-align: left;
-
-    @include pre(2rem);
-
-    backface-visibility: hidden;
   }
 
   div.MathJax_Preview {
-    font-family: $code-font-family;
+    font-family: var(--code-font-family);
     font-size: .75em;
     line-height: 1.45;
     white-space: pre;
@@ -44,10 +39,10 @@ article {
   }
 
   span.MathJax_Preview {
-    font-family: $code-font-family;
+    font-family: var(--code-font-family);
     padding: .25em .5em;
     font-size: .85em;
-    background-color: $code-bg;
+    background-color: var(--code-bg);
   }
 }
 

data/_sass/hydejack/{__link → __link__}/_links.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
@@ -26,17 +26,17 @@ hy-push-state a, .a {
 //   position: relative; 
 //   padding-bottom: .15rem; 
 //   border-bottom: 1px solid; 
-  transition: color 500ms, border-color 250ms; 
+  transition: color 1s, border-color 250ms; 
   
   &:hover {
     text-decoration: none;
-    transition: color 500ms, border-color 50ms;
+    transition: color 1s, border-color 50ms;
   }
   
 
   &.no-hover {
 //     border-bottom: none; 
-//     padding-bottom: none; 
+//     padding-bottom: 0; 
     transition: none; 
     &:hover { transition: none; } 
   }
@@ -44,7 +44,7 @@ hy-push-state a, .a {
 
 /*
 img {
-//   background-color: $gray-bg; 
+//   background-color: var(--gray-bg); 
   background-position: center;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTYwIiBoZWlnaHQ9IjkwIiB2aWV3Qm94PSIwIDAgMTYwIDkwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxnIHRyYW5zZm9ybT0ibWF0cml4KDAuMDQ4ODI4LCAwLCAwLCAwLjA0Nzk5MSwgNTQuOTk5OTczLCAyMC40MjgxNDgpIj4KICAgIDxwYXRoIGQ9Ik05NTkuODg0IDEyOGMwLjA0MCAwLjAzNCAwLjA4MiAwLjA3NiAwLjExNiAwLjExNnY3NjcuNzdjLTAuMDM0IDAuMDQwLTAuMDc2IDAuMDgyLTAuMTE2IDAuMTE2aC04OTUuNzdjLTAuMDQwLTAuMDM0LTAuMDgyLTAuMDc2LTAuMTE0LTAuMTE2di03NjcuNzcyYzAuMDM0LTAuMDQwIDAuMDc2LTAuMDgyIDAuMTE0LTAuMTE0aDg5NS43N3pNOTYwIDY0aC04OTZjLTM1LjIgMC02NCAyOC44LTY0IDY0djc2OGMwIDM1LjIgMjguOCA2NCA2NCA2NGg4OTZjMzUuMiAwIDY0LTI4LjggNjQtNjR2LTc2OGMwLTM1LjItMjguOC02NC02NC02NHYweiIgc3R5bGU9ImZpbGw6IHJnYigyMjEsIDIyMSwgMjIxKTsiLz4KICAgIDxwYXRoIGQ9Ik04MzIgMjg4YzAgNTMuMDIwLTQyLjk4IDk2LTk2IDk2cy05Ni00Mi45OC05Ni05NiA0Mi45OC05NiA5Ni05NiA5NiA0Mi45OCA5NiA5NnoiIHN0eWxlPSJmaWxsOiByZ2IoMjIxLCAyMjEsIDIyMSk7Ii8+CiAgICA8cGF0aCBkPSJNODk2IDgzMmgtNzY4di0xMjhsMjI0LTM4NCAyNTYgMzIwaDY0bDIyNC0xOTJ6IiBzdHlsZT0iZmlsbDogcmdiKDIyMSwgMjIxLCAyMjEpOyIvPgogIDwvZz4KPC9zdmc+');

data/_sass/hydejack/{__inline → __link__}/_mark-external.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/hydejack/{__link → __link__}/_menu.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
@@ -26,24 +26,17 @@
 
 .navbar {
   @media print { display: none; }
+  .loading { display: none; }
+}
 
-  .loading {
-    display: none;
-    position: absolute;
-    top: 0;
-    right: 0;
-    padding: 1.75rem 1rem;
-  }
+#_navbar {
+  position: absolute;
+  height: 0;
 }
 
 #_cookies-banner  {
-  .nav-btn { padding: 1.75rem 0 }
-  .nav-btn-bar {
-    margin-left: 2rem;
-    @media screen and (min-width: $break-point-3) {
-      margin: 0;
-    }
-  }
-  @media print { display: none; }
+  @extend .color-transition;
+  background-color: var(--body-bg);
+  border-top: 1px solid var(--border-color);
 }