minimal-mistakes-jekyll 4.26.0 → 4.26.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9ef9cce9aa23ff10eab969ab4f54fe05de5e157b3a3f25f222b707a83aeb61a0
-  data.tar.gz: 592a1965254ef132d7f1c8f905951725ebe4080e71535e0590fe03aa43ff3365
+  metadata.gz: 0ce66800cc5df8bf05e350eda4c42eb8531be72e239930a9b5d0004c5978d121
+  data.tar.gz: caaf958143a1cb62c92e665782dc5108deb13866655dad5b0f4f18f289071f91
 SHA512:
-  metadata.gz: 9f9e4387d34838fe1726ad88328b4168e42cf1063360e31278a099222cb66656c6df62c07a72ad12821d450eb945b835a6e8aa10251261f5d0050cd1ee544e85
-  data.tar.gz: ce2a66c3ffa4069ef04edbaba0a94b3a0c752c099b4af134501627a71a50f6dae2245e1565578d56910a593c274e9c5e7cfe6ebc7a52985c2c1b018960dd5871
+  metadata.gz: e2b501d000f03cc3149096f927559d163fc44f2955099f271411fafbcd3bb9dcdea22f24034c0aeb7c6561427b0c9fab4b1caac47c5a64c91ce3e241f2b902e5
+  data.tar.gz: d5a2373825ded0f91e71492095d91e8f7e65296c56ab41afd2b0d58098de63937927ceed9b9d6f7c7284c7a542bc4cbe0e08dfb22a84415a470ed3d81a87c600

data/CHANGELOG.md

@@ -4,6 +4,22 @@
 
 ### Bug Fixes
 
+- Disable copy button on invalid syntax highlighting blocks to avoid positioning issues.
+- Fix typo for `fa-dribbble` in `_utilities.scss`.
+- Restrict "auto scroll sticky ToC to content" feature to Chromium browsers for now. [#4826](https://github.com/mmistakes/minimal-mistakes/issues/4826)
+
+### Documentation & Maintenance
+
+- Rewrite social icons SCSS with a loop.
+
+### Enhancements
+
+- Change the icon of a copy button into a tick for 1.5 seconds on successful copy.
+
+## [4.26.0](https://github.com/mmistakes/minimal-mistakes/releases/tag/4.26.0)
+
+### Bug Fixes
+
 - Fix an unclosed `<p>` tag in `page__hero.html`, near `page.header.actions`.
 - Remove overlay and revert X to hamburger icon when popup disappears. [#3958](https://github.com/mmistakes/minimal-mistakes/pull/3958)
 - Fix SEO title when it contains a vertical bar. [#3094](https://github.com/mmistakes/minimal-mistakes/pull/3094) [#3113](https://github.com/mmistakes/minimal-mistakes/pull/3113)

data/README.md

@@ -121,7 +121,7 @@ To install:
    bundle
    ```
 
-4. Add `remote_theme: "mmistakes/minimal-mistakes@4.26.0"` to your `_config.yml` file. Remove any other `theme:` or `remote_theme:` entry.
+4. Add `remote_theme: "mmistakes/minimal-mistakes@4.26.1"` to your `_config.yml` file. Remove any other `theme:` or `remote_theme:` entry.
 
 <!--
   Dev note: The version number is currently hard-coded in these files:

data/_includes/copyright.html

@@ -1,5 +1,5 @@
 <!--
-  Minimal Mistakes Jekyll Theme 4.26.0 by Michael Rose
+  Minimal Mistakes Jekyll Theme 4.26.1 by Michael Rose
   Copyright 2013-2024 Michael Rose - mademistakes.com | @mmistakes
   Free for personal and commercial use under the MIT license
   https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE

data/_includes/copyright.js

@@ -1,5 +1,5 @@
 /*!
- * Minimal Mistakes Jekyll Theme 4.26.0 by Michael Rose
+ * Minimal Mistakes Jekyll Theme 4.26.1 by Michael Rose
  * Copyright 2013-2024 Michael Rose - mademistakes.com | @mmistakes
  * Free for personal and commercial use under the MIT license
  * https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE

data/_sass/minimal-mistakes/_copyright.scss

@@ -1,5 +1,5 @@
 /*!
- * Minimal Mistakes Jekyll Theme 4.26.0 by Michael Rose
+ * Minimal Mistakes Jekyll Theme 4.26.1 by Michael Rose
  * Copyright 2013-2024 Michael Rose - mademistakes.com | @mmistakes
  * Free for personal and commercial use under the MIT license
  * https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE

data/_sass/minimal-mistakes/_utilities.scss

@@ -211,118 +211,35 @@ body:hover .visually-hidden button {
     color: $text-color;
   }
 
-  .fa-behance,
-  .fa-behance-square {
-    color: $behance-color;
-  }
-
-  .fa-bitbucket {
-    color: $bitbucket-color;
-  }
-
-  .fa-dribbble,
-  .fa-dribble-square {
-    color: $dribbble-color;
-  }
-
-  .fa-facebook,
-  .fa-facebook-square,
-  .fa-facebook-f {
-    color: $facebook-color;
-  }
-
-  .fa-flickr {
-    color: $flickr-color;
-  }
-
-  .fa-foursquare {
-    color: $foursquare-color;
-  }
-
-  .fa-github,
-  .fa-github-alt,
-  .fa-github-square {
-    color: $github-color;
-  }
-
-  .fa-gitlab {
-    color: $gitlab-color;
-  }
-
-  .fa-instagram {
-    color: $instagram-color;
-  }
-
-  .fa-keybase {
-    color: $keybase-color;
-  }
-
-  .fa-lastfm,
-  .fa-lastfm-square {
-    color: $lastfm-color;
-  }
-
-  .fa-linkedin,
-  .fa-linkedin-in {
-    color: $linkedin-color;
-  }
-
-  .fa-mastodon,
-  .fa-mastodon-square {
-    color: $mastodon-color;
-  }
-
-  .fa-pinterest,
-  .fa-pinterest-p,
-  .fa-pinterest-square {
-    color: $pinterest-color;
-  }
-
-  .fa-reddit {
-    color: $reddit-color;
-  }
-
-  .fa-rss,
-  .fa-rss-square {
-    color: $rss-color;
-  }
-
-  .fa-soundcloud {
-    color: $soundcloud-color;
-  }
-
-  .fa-stack-exchange,
-  .fa-stack-overflow {
-    color: $stackoverflow-color;
-  }
-
-  .fa-tumblr,
-  .fa-tumblr-square {
-    color: $tumblr-color;
-  }
-
-  .fa-twitter,
-  .fa-twitter-square {
-    color: $twitter-color;
-  }
-
-  .fa-vimeo,
-  .fa-vimeo-square,
-  .fa-vimeo-v {
-    color: $vimeo-color;
-  }
-
-  .fa-vine {
-    color: $vine-color;
-  }
-
-  .fa-youtube {
-    color: $youtube-color;
-  }
-
-  .fa-xing,
-  .fa-xing-square {
-    color: $xing-color;
+  @each $color, $icons in (
+    $behance-color: ".fa-behance, .fa-behance-square",
+    $bitbucket-color: ".fa-bitbucket",
+    $dribbble-color: ".fa-dribbble, .fa-dribbble-square",
+    $facebook-color: ".fa-facebook, .fa-facebook-square, .fa-facebook-f",
+    $flickr-color: ".fa-flickr",
+    $foursquare-color: ".fa-foursquare",
+    $github-color: ".fa-github, .fa-github-alt, .fa-github-square",
+    $gitlab-color: ".fa-gitlab",
+    $instagram-color: ".fa-instagram",
+    $keybase-color: ".fa-keybase",
+    $lastfm-color: ".fa-lastfm, .fa-lastfm-square",
+    $linkedin-color: ".fa-linkedin, .fa-linkedin-in",
+    $mastodon-color: ".fa-mastodon, .fa-mastodon-square",
+    $pinterest-color: ".fa-pinterest, .fa-pinterest-p, .fa-pinterest-square",
+    $reddit-color: ".fa-reddit",
+    $rss-color: ".fa-rss, .fa-rss-square",
+    $soundcloud-color: ".fa-soundcloud",
+    $stackoverflow-color: ".fa-stack-exchange, .fa-stack-overflow",
+    $tumblr-color: ".fa-tumblr, .fa-tumblr-square",
+    $twitter-color: ".fa-twitter, .fa-twitter-square",
+    $vimeo-color: ".fa-vimeo, .fa-vimeo-square, .fa-vimeo-v",
+    $vine-color: ".fa-vine",
+    $xing-color: ".fa-xing, .fa-xing-square",
+    $youtube-color: ".fa-youtube",
+  ) {
+    #{$icons} {
+      color: $color;
+    }
   }
 }
 
@@ -608,25 +525,26 @@ a.reversefootnote {
 }
 
 pre {
+  &.highlight .clipboard-copy-button {
+    color: #ffffca;
+  }
+
   .clipboard-copy-button {
     display: block;
     position: absolute;
     top: 0.6em;
     right: 0.5em;
+    width: 1.8em;
+    height: 1.5em;
     z-index: 1;
     background: none;
     border: none;
     outline: none;
     border-radius: 0.1em;
     padding: 0.2em 0.5em;
-    color: white;
     opacity: 0.4;
     transition: color 0.25s linear -0.25s, opacity 0.25s linear;
 
-    &:hover {
-      color: #ffffca;
-    }
-
     &::before {
       content: '';
       position: absolute;
@@ -637,6 +555,22 @@ pre {
       z-index: 2;
     }
 
+    i {
+      position: absolute;
+      top: 0.25em;
+      right: 0.25em;
+      &.copied {
+        opacity: 0;
+      }
+    }
+
+    &.copied i {
+      opacity: 0;
+      &.copied {
+        opacity: 1;
+      }
+    }
+
     @at-root {
       .no-copy & {
         display: none;

data/assets/js/_main.js

@@ -61,7 +61,7 @@ $(document).ready(function () {
   }
 
   // Auto scroll sticky ToC with content
-  document.addEventListener("gumshoeActivate", function (event) {
+  const scrollTocToContent = function (event) {
     var target = event.target;
     var scrollOptions = { behavior: "auto", block: "nearest", inline: "start" };
 
@@ -75,7 +75,12 @@ $(document).ready(function () {
     } else {
       target.scrollIntoView(scrollOptions);
     }
-  });
+  };
+
+  // Has issues on Firefox, whitelist Chrome for now
+  if (!!window.chrome) {
+    document.addEventListener("gumshoeActivate", scrollTocToContent);
+  }
 
   // add lightbox class to all image links
   $(
@@ -190,12 +195,23 @@ $(document).ready(function () {
     var result = copyText(codeBlock.innerText);
     // Restore the focus to the button
     thisButton.focus();
+    if (result) {
+      if (thisButton.interval !== null) {
+        clearInterval(thisButton.interval);
+      }
+      thisButton.classList.add('copied');
+      thisButton.interval = setTimeout(function () {
+        thisButton.classList.remove('copied');
+        clearInterval(thisButton.interval);
+        thisButton.interval = null;
+      }, 1500);
+    }
     return result;
   };
 
   if (window.enable_copy_code_button) {
     document
-      .querySelectorAll(".page__content pre > code")
+      .querySelectorAll(".page__content pre.highlight > code")
       .forEach(function (element, index, parentList) {
         // Locate the <pre> element
         var container = element.parentElement;
@@ -206,7 +222,7 @@ $(document).ready(function () {
         var copyButton = document.createElement("button");
         copyButton.title = "Copy to clipboard";
         copyButton.className = "clipboard-copy-button";
-        copyButton.innerHTML = '<span class="sr-only">Copy code</span><i class="far fa-copy"></i>';
+        copyButton.innerHTML = '<span class="sr-only">Copy code</span><i class="far fa-fw fa-copy"></i><i class="fas fa-fw fa-check copied"></i>';
         copyButton.addEventListener("click", copyButtonEventListener);
         container.prepend(copyButton);
       });