Release 4.26.1 💎

seems like nobody uses it anyways

CHANGELOG.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## Unreleased
+
+### 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

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:

_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

_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

_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

_sass/minimal-mistakes/_utilities.scss

@@ -211,118 +211,35 @@ body:hover .visually-hidden button {
     color: $text-color;
   }
 
-  .fa-behance,
+  @each $color, $icons in (
-  .fa-behance-square {
+    $behance-color: ".fa-behance, .fa-behance-square",
-    color: $behance-color;
+    $bitbucket-color: ".fa-bitbucket",
-  }
+    $dribbble-color: ".fa-dribbble, .fa-dribbble-square",
-
+    $facebook-color: ".fa-facebook, .fa-facebook-square, .fa-facebook-f",
-  .fa-bitbucket {
+    $flickr-color: ".fa-flickr",
-    color: $bitbucket-color;
+    $foursquare-color: ".fa-foursquare",
-  }
+    $github-color: ".fa-github, .fa-github-alt, .fa-github-square",
-
+    $gitlab-color: ".fa-gitlab",
-  .fa-dribbble,
+    $instagram-color: ".fa-instagram",
-  .fa-dribble-square {
+    $keybase-color: ".fa-keybase",
-    color: $dribbble-color;
+    $lastfm-color: ".fa-lastfm, .fa-lastfm-square",
-  }
+    $linkedin-color: ".fa-linkedin, .fa-linkedin-in",
-
+    $mastodon-color: ".fa-mastodon, .fa-mastodon-square",
-  .fa-facebook,
+    $pinterest-color: ".fa-pinterest, .fa-pinterest-p, .fa-pinterest-square",
-  .fa-facebook-square,
+    $reddit-color: ".fa-reddit",
-  .fa-facebook-f {
+    $rss-color: ".fa-rss, .fa-rss-square",
-    color: $facebook-color;
+    $soundcloud-color: ".fa-soundcloud",
-  }
+    $stackoverflow-color: ".fa-stack-exchange, .fa-stack-overflow",
-
+    $tumblr-color: ".fa-tumblr, .fa-tumblr-square",
-  .fa-flickr {
+    $twitter-color: ".fa-twitter, .fa-twitter-square",
-    color: $flickr-color;
+    $vimeo-color: ".fa-vimeo, .fa-vimeo-square, .fa-vimeo-v",
-  }
+    $vine-color: ".fa-vine",
-
+    $xing-color: ".fa-xing, .fa-xing-square",
-  .fa-foursquare {
+    $youtube-color: ".fa-youtube",
-    color: $foursquare-color;
+  ) {
-  }
+    #{$icons} {
-
+      color: $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;
   }
 }
 
@@ -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;

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);
       });

docs/Gemfile

@@ -1,6 +1,8 @@
 source "https://rubygems.org"
 
 gem "github-pages", group: :jekyll_plugins
+gem "minimal-mistakes-jekyll", path: ".."
+gem "rake"
 
 gem "tzinfo-data"
 gem "wdm", "~> 0.1.0" if Gem.win_platform?

docs/Rakefile

@@ -0,0 +1,5 @@
+task :default => %i[build]
+
+task :build do
+  sh 'jekyll build --profile --trace --config _config.yml,_config.dev.yml'
+end

docs/_config.dev.yml

@@ -1,5 +1,7 @@
 # Develop override settings
 
+theme: minimal-mistakes-jekyll
+remote_theme: null
 url: http://localhost:4000
 
 analytics:

docs/_data/theme.yml

@@ -1,3 +1,3 @@
 # for use with in-page templates
 ---
-version: 4.26.0
+version: 4.26.1

docs/_docs/18-history.md

@@ -5,7 +5,7 @@ permalink: "/docs/history/"
 excerpt: Change log of enhancements and bug fixes made to the theme.
 sidebar:
   nav: docs
-last_modified_at: '2024-05-05T19:50:49+08:00'
+last_modified_at: '2024-05-07T14:21:22+08:00'
 toc: false
 ---
 
@@ -19,6 +19,22 @@ toc: false
 
 ### 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)

docs/_pages/home.md

@@ -10,7 +10,7 @@ header:
       url: "/docs/quick-start-guide/"
 excerpt: >
   A flexible two-column Jekyll theme. Perfect for building personal sites, blogs, and portfolios.<br />
-  <small><a href="https://github.com/mmistakes/minimal-mistakes/releases/tag/4.26.0">Latest release v4.26.0</a></small>
+  <small><a href="https://github.com/mmistakes/minimal-mistakes/releases/tag/4.26.1">Latest release v4.26.1</a></small>
 feature_row:
   - image_path: /assets/images/mm-customizable-feature.png
     alt: "customizable"

docs/_posts/2009-10-06-edge-case-broken-highlighting.md

@@ -0,0 +1,48 @@
+---
+title: "Edge Case: Invalid syntax highlight languages"
+categories:
+  - Edge Case
+tags:
+  - content
+  - css
+  - edge case
+---
+
+Good highlighting:
+
+```ruby
+str = ARGV.first
+if str
+  str = str.b[/\A_(.*)_\z/, 1]
+  if str and Gem::Version.correct?(str)
+    version = str
+    ARGV.shift
+  end
+end
+```
+
+Good (but dumb) highlighting:
+
+```
+str = ARGV.first
+if str
+  str = str.b[/\A_(.*)_\z/, 1]
+  if str and Gem::Version.correct?(str)
+    version = str
+    ARGV.shift
+  end
+end
+```
+
+Bad highlighting:
+
+```invalid
+str = ARGV.first
+if str
+  str = str.b[/\A_(.*)_\z/, 1]
+  if str and Gem::Version.correct?(str)
+    version = str
+    ARGV.shift
+  end
+end
+```

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "minimal-mistakes",
-  "version": "4.26.0",
+  "version": "4.26.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "minimal-mistakes",
-      "version": "4.26.0",
+      "version": "4.26.1",
       "license": "MIT",
       "devDependencies": {
         "uglify-js": "^3.17.4"

package.json

@@ -1,7 +1,7 @@
 {
   "name": "minimal-mistakes",
   "private": true,
-  "version": "4.26.0",
+  "version": "4.26.1",
   "description": "Minimal Mistakes 2 column Jekyll theme.",
   "repository": {
     "type": "git",