jekyll-theme-hydejack 8.0.0 → 8.1.0

data/_sass/hydejack/{__link → __link__}/_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
@@ -40,7 +40,6 @@ hy-drawer {
 
     
     --hy-drawer-slide-width: calc(100% - #{$sidebar-width});
-    --hy-drawer-box-shadow: none;
     
   }
 

data/_sass/hydejack/{__link → __link__}/_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/{__link → __link__}/_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,8 +32,6 @@
 .mt4 { margin-top: 4rem }
 .pb0 { padding-bottom: 0 }
 
-.clearfix, .clearafter::after { @include clearfix(); } // both
-
 .sixteen-nine { @include aspect-ratio(16, 9); }
 
 .sr-only {
@@ -49,3 +47,8 @@
   border: 0;
   
 }
+
+.border {
+//   border: 1px solid var(--border-color); 
+  transition: border-color 1s ease; 
+}

data/_sass/hydejack/_base.pre.scss

@@ -32,7 +32,7 @@ hy-push-state, hy-drawer {
   body::before {
     content: '';
     width: .5rem;
-    background: $border-color;
+    background: var(--border-color);
     position: fixed;
     left: 0;
     top: 0;

data/_sass/hydejack/_content.pre.scss

@@ -18,7 +18,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/_footer.pre.scss

@@ -20,7 +20,7 @@ main > footer {
   left: .5rem;
   right: 0;
   padding: 0 1rem;
-  color: $gray;
+  color: var(--text-muted);
   text-align: center;
 
   > p {

data/_sass/hydejack/_images.pre.scss

@@ -21,7 +21,7 @@
     height: 100%; // inline
     object-fit: cover; // link
     object-position: center; // link
-    background-color: $gray-bg; // inline
+    background-color: var(--gray-bg); // inline
 
     // <<< link
     background-position: center;
@@ -37,7 +37,7 @@ hy-img {
   position: relative;
 
   .loading {
-    background-color: $gray-bg;
+    background-color: var(--gray-bg);
     position: absolute;
     top: 0;
     left: 0;
@@ -48,7 +48,7 @@ hy-img {
     align-items: center;
 
     > * {
-      color: #ddd;
+      color: var(--menu-text);
       font-size: 2rem;
     }
   }
@@ -62,7 +62,9 @@ hy-img {
 
 figure, .figure {
   @extend .faded, .fine, .centered;
-  hy-img, img {
+  margin-bottom: 2rem;
+
+  > *:first-child {
     margin-bottom: .5rem;
   }
 }

data/_sass/hydejack/_katex.pre.scss

@@ -16,18 +16,13 @@
 // <<<<< LINK
 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;
@@ -35,10 +30,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/_links.pre.scss

@@ -17,18 +17,18 @@ hy-push-state a, .a {
   position: relative; // inline
   padding-bottom: .15rem; // inline
   border-bottom: 1px solid; // inline
-  transition: color 500ms, border-color 250ms; // link
+  transition: color 1s, border-color 250ms; // link
 
   // <<< link
   &:hover {
     text-decoration: none;
-    transition: color 500ms, border-color 50ms;
+    transition: color 1s, border-color 50ms;
   }
   // >>>
 
   &.no-hover {
     border-bottom: none; // inline
-    padding-bottom: none; // inline
+    padding-bottom: 0; // inline
     transition: none; // link
     &:hover { transition: none; } // link
   }
@@ -36,7 +36,7 @@ hy-push-state a, .a {
 
 /*
 img {
-  background-color: $gray-bg; // inline
+  background-color: var(--gray-bg); // inline
 
   // <<< link
   background-position: center;

data/_sass/hydejack/_menu.pre.scss

@@ -14,38 +14,40 @@
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 // <<<<< INLINE
-.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 {
@@ -56,24 +58,17 @@
 // <<<< LINK
 .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);
 }
 // >>>>

data/_sass/hydejack/_sidebar.pre.scss

@@ -44,7 +44,6 @@ hy-drawer {
 
     // <<< link
     --hy-drawer-slide-width: calc(100% - #{$sidebar-width});
-    --hy-drawer-box-shadow: none;
     // >>>
   }
 
@@ -145,7 +144,7 @@ hy-drawer.loaded .sidebar {
 
 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/_utilities.pre.scss

@@ -23,8 +23,6 @@
 .mt4 { margin-top: 4rem }
 .pb0 { padding-bottom: 0 }
 
-.clearfix, .clearafter::after { @include clearfix(); } // both
-
 .sixteen-nine { @include aspect-ratio(16, 9); }
 
 .sr-only {
@@ -41,3 +39,8 @@
   border: 0;
   // >>>
 }
+
+.border {
+  border: 1px solid var(--border-color); // inline
+  transition: border-color 1s ease; // link
+}

data/_sass/my-style.scss

@@ -0,0 +1,9 @@
+.dl-table {
+  a {
+    padding-bottom: 0.4rem;
+  }
+
+  .btn {
+    margin: 1.5rem 0;
+  }
+}

data/_sass/my-variables.scss

@@ -1,23 +1 @@
-// Use this file to override the theme-wide default variables.
-
-// $gray: #888;
-// $gray-bg: rgba(0,0,0,.025);
-// $gray-text: #666;
-//
-// $root-font-size: 16px;
-// $root-font-size-medium: 17px;
-// $root-font-size-large: 18px;
-// $root-line-height: 1.75;
-//
-// $font-weight: 400;
-// $font-weight-bold: 700;
-// $font-weight-heading: 700;
-//
-// $body-color: #333;
-// $body-bg: #fff;
-//
-// $border-color: #eee;
-//
-// $code-font-family: Menlo, Monaco, Consolas, monospace;
-// $code-color: inherit;
-// $code-bg: $gray-bg;
+// This is deprecated. Modify CSS Custom Properties instead.

data/_sass/pooleparty/{__inline → __inline__}/_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
@@ -40,8 +40,10 @@ html {
 }
 
 body {
-  color: $body-color;
-  background-color: $body-bg;
+  @extend .color-transition;
+  color: var(--body-color);
+  background-color: var(--body-bg);
+  font-weight: var(--font-weight);
   overflow-y: scroll;
 }
 
@@ -55,7 +57,7 @@ a {
   margin-right: -1rem;
 }
 
-.content img, .img {
+.content img, .img, .content video, .video {
   display: block;
   max-width: 100%;
 

data/_sass/pooleparty/{__inline → __inline__}/_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

data/_sass/pooleparty/{__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/pooleparty/{__inline → __inline__}/_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

data/_sass/pooleparty/{__inline → __inline__}/_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
@@ -24,10 +24,11 @@
 
 
 .message {
+  @extend .color-transition;
   margin-bottom: 1rem;
   padding: 1rem;
-  color: $gray-text;
-  background-color: $gray-bg;
+  color: var(--gray-text);
+  background-color: var(--gray-bg);
   margin-left: -1rem;
   margin-right: -1rem;
 }

data/_sass/pooleparty/{__inline → __inline__}/_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

data/_sass/pooleparty/{__inline → __inline__}/_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
@@ -43,7 +43,7 @@
   display: block;
   margin-top: -0.5rem;
   margin-bottom: 1rem;
-  color: $gray;
+  color: var(--text-muted);
 }