RubyGems - jekyll-theme-cs50 - Versions diffs - 0.1.3 - Mend

jekyll-theme-cs50 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (100) hide show

checksums.yaml ADDED Viewed

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: a066c419ac06d26ead6008fadcff6517c8a81a567e5dce51db01ebfa590c7cb7
+  data.tar.gz: c7a2ad45e86344736b56eeb98d55e95ccc2b4ac0acaa9989c9ae1043476f5647
+SHA512:
+  metadata.gz: b77c50e69997ec31fbd0352c2c93a0b32e2417c636f3fa325336b6ab6409d34a6947c555fdc7e6764c8f6dea9cff521f4cfa033ece0ae31a8dd90aede00b5d86
+  data.tar.gz: 7e003109731169c54aed6ff026255f78172d605f9a9321baa9ff7d18b7bab40374afef01fe6b4f1d50cd4bb43f1e8ea456dd2eec3bf7c55b21b1ae85d45ff44d

data/LICENSE.txt ADDED Viewed

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+Copyright (c) 2018
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/_includes/aside.html ADDED Viewed

@@ -0,0 +1,24 @@
+<aside>
+    <header>
+        {%- capture header -%}{%- include header.md -%}{%- endcapture -%}
+        {{- header | markdownify | replace: " id=", " data-id=" | strip -}}
+    </header>
+    <nav class="collapse">
+        {%- capture nav -%}{%- include nav.md -%}{%- endcapture -%}
+        {{- nav | markdownify | replace: " id=", " data-id=" | strip -}}
+    </nav>
+    <footer>
+        {%- capture footer -%}{%- include footer.md -%}{%- endcapture -%}
+        {{- footer | markdownify | replace: " id=", " data-id=" | strip -}}
+    </footer>
+</aside>

data/_includes/footer.md ADDED Viewed

File without changes

data/_includes/header.md ADDED Viewed

File without changes

data/_includes/main.html ADDED Viewed

@@ -0,0 +1,5 @@
+<main class="markdown-body">
+    {{ content }}
+</main>

data/_includes/nav.md ADDED Viewed

File without changes

data/_layouts/page.html ADDED Viewed

@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: "en-us" }}">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+        <meta property="og:description" content="{{ site.description }}">
+        <meta property="og:image" content="{{ site.image }}">
+        {%- capture title -%}
+            {%- if page.title -%}
+                {{- page.title -}}
+            {%- endif -%}
+            {%- if site.title -%}
+                {%- unless site.github and site.title == site.github.repository_name -%}
+                    {%- if page.title %} - {% endif -%}
+                    {{- site.title -}}
+                {%- endunless -%}
+            {%- endif -%}
+        {%- endcapture %}
+        <meta property="og:title" content="{{ title }}">
+        <meta property="og:url" content="{{ site.url }}">
+        <link href="{{ '/favicon.ico' | relative_url }}?{{ site.time | date: '%s' }}" rel="icon">
+        <!-- https://useiconic.com/open -->
+        <link crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/open-iconic/1.1.1/font/css/open-iconic-bootstrap.min.css" integrity="sha256-BJ/G+e+y7bQdrYkS2RBTyNfBHpA9IuGaPmf9htub5MQ=" rel="stylesheet">
+        <link href="{{ '/assets/css/style.css' | relative_url }}?{{ site.time | date: '%s' }}" rel="stylesheet">
+        <!-- http://getbootstrap.com/docs/4.2/getting-started/introduction/ -->
+        <script crossorigin="anonymous" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+        <script crossorigin="anonymous" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"></script>
+        <script crossorigin="anonymous" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>
+        <script>
+            $(document).on('DOMContentLoaded', function() {
+                // Add toggler
+                let nav = $('aside nav.collapse');
+                let button = $('<button aria-expanded="false" class="btn collapsed" data-toggle="collapse" type="button"><span class="oi oi-menu"></span></button>');
+                nav.before(button);
+                button.click(function() {
+                    nav.collapse('toggle');
+                    $(this).toggleClass('collapsed');
+                    $(this).attr('aria-expanded', ($(this).attr('aria-expanded') === 'false') ? 'true' : 'false');
+                });
+                // Get headings
+                let $headings = $([
+                    'main.markdown-body h2',
+                    'main.markdown-body h3',
+                    'main.markdown-body h4',
+                    'main.markdown-body h5',
+                    'main.markdown-body h6'].join(','));
+                // Add anchors to headings
+                $headings.each(function(index, element) {
+                    if ($(element).attr('id') && $(element).has('a').length === 0) {
+                        $(element).wrapInner($('<a href="#' + $(element).attr('id') + '"></a>'));
+                    }
+                });
+                // For each iframe
+                $('iframe').each(function(index, element) {
+                    // If an embedded YouTube video
+                    let matches = $(this).attr('src').match(/^https:\/\/www.youtube.com\/embed\/([A-Za-z0-9_-]+)/);
+                    if (matches) {
+                        // Add allowfullscreen if not present
+                        if ($(this).attr('allowfullscreen') === undefined) {
+                            $(this).attr('allowfullscreen', '');
+                        }
+                        // Add modifier classes if not present, assuming 16x9 by default
+                        if (!$(this).hasClass('embed-responsive-item')) {
+                            $(this).addClass('embed-responsive-item');
+                            $(this).wrap('<div class="embed-responsive embed-responsive-16by9"></div>');
+                        }
+                        // Add background image for printing
+                        // https://stackoverflow.com/a/2068371/5156190
+                        if ($(this).css('background-image') === 'none') {
+                            $(this).css('background-image', 'url("https://img.youtube.com/vi/' + matches[1] + '/sddefault.jpg")');
+                            $(this).css('background-repeat', 'no-repeat');
+                            $(this).css('background-size', 'cover');
+                        }
+                    }
+                });
+                // Ensure last heading can be anchored atop page
+                $(window).resize(function() {
+                    let last = $headings.last();
+                    if (last.length) {
+                        // On small devices
+                        if ($('aside').position().top < $('main').position().top) {
+                            var margin = $(window).height() - ($('main').outerHeight() + $('aside').outerHeight() - last.offset().top);
+                        }
+                        // On large devices
+                        else {
+                            var margin = $(window).height() - ($('main').outerHeight() - last.offset().top);
+                        }
+                        // Update margin
+                        $('main').css('margin-bottom', Math.max(0, Math.ceil(margin)) + 'px');
+                    }
+                });
+                $(window).trigger('resize');
+            });
+        </script>
+        <title>{{ title }}</title>
+    </head>
+    <body>
+        {%- include aside.html -%}
+        {%- include main.html -%}
+    </body>
+</html>

data/_sass/jekyll-theme-cs50.scss ADDED Viewed

@@ -0,0 +1,314 @@
+// Default font
+$font-family-sans-serif: "PT Sans" !default;
+// Crimson links
+$link-color: #a51c30 !default;
+$link-hover-color: $link-color !default;
+// Import Bootstrap
+@import "node_modules/bootstrap/scss/bootstrap.scss";
+// Import build of primer-markdown after renaming build.css to build.scss via package.json so that we can import, per
+// https://stackoverflow.com/questions/7111610/import-regular-css-file-in-scss-file/36166487#36166487
+@import "node_modules/primer-markdown/build/build.scss";
+// Import Google Fonts
+@import url("https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700");
+// Root em
+html {
+    font-size: 20px;
+}
+// Defaults for iframes
+iframe {
+    border: 0;
+    height: 480px;
+    width: 100%;
+}
+// Confine images to parent
+img {
+    max-width: 100%;
+}
+// Crimson aside, transparent text
+aside {
+    background-color: $link-color;
+    bottom: 0;
+    color: rgba(255, 255, 255, 0.5);
+    font-size: 1.125rem;
+    left: 0;
+    padding: 2rem 2rem;
+    overflow: auto;
+    position: fixed;
+    text-align: left;
+    top: 0;
+    width: 20rem;
+}
+// Bold headings
+aside h1,
+aside h2,
+aside h3,
+aside h4,
+aside h5,
+aside h6 {
+    font-weight: bold;
+}
+// Opaque text
+aside a,
+aside a:hover,
+aside button {
+    background-color: inherit;
+    color: rgba(255, 255, 255, 1);
+    opacity: 1;
+}
+// Separate nav button (or header) and footer, applying margins to children to avoid flicker when uncollapsing
+nav > *:first-child {
+    margin-top: 1rem;
+}
+// Mimic Primer
+header *:last-child,
+nav *:last-child,
+footer *:last-child {
+    margin-bottom: 0;
+}
+// Separate button from header and nav
+aside button[data-toggle=collapse] {
+    margin-top: 1rem;
+}
+// Remove padding above and below icon
+aside button[data-toggle=collapse] {
+    padding-bottom: 0;
+    padding-top: 0;
+}
+// No bullets for nav
+nav dl,
+nav ol,
+nav ul {
+    list-style: none;
+    padding-left: 0;
+}
+// Separate footer from nav unless empty
+footer {
+    margin-top: 1rem;
+}
+footer:empty {
+    margin-top: 0;
+}
+// Padding around main
+main {
+    margin-left: 20rem;
+    padding: 4rem 2rem;
+}
+// Override Primer's family and size for fonts
+.markdown-body {
+    font-family: unset; /* Use our family */
+    font-size: unset; /* Use our size */
+}
+// Add padding above headings to match Primer's padding below headings,
+// to ensure anchors aren't too close to top of viewport
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+    margin-top: 0;
+    padding-top: 16px;
+}
+// Subtle anchors in headings
+.markdown-body h2 a,
+.markdown-body h3 a,
+.markdown-body h4 a,
+.markdown-body h5 a,
+.markdown-body h6 a {
+    color: inherit;
+    text-decoration: none;
+}
+// Fix inconsistency in Primer
+// https://github.com/primer/primer/pull/563
+.markdown-body ol > li:first-child,
+.markdown-body ul > li:first-child {
+    margin-top: .25em;
+}
+// Mimic li's margin-top
+.markdown-body li > blockquote,
+.markdown-body li > div > div.highlight,
+.markdown-body li > img,
+.markdown-body li > pre {
+    margin-top: .25em;
+}
+// Mimic li's margin-bottom, not p's margin-bottom
+.markdown-body li > div > div.highlight {
+    margin-bottom: 0;
+}
+// Mimic h1's bottom border
+.markdown-body hr {
+    background-color: #eaecef;
+    height: 1px;
+    margin: 16px 0;
+}
+// Mimic p
+.markdown-body .embed-responsive {
+    margin-bottom: 16px;
+    margin-top: 0;
+}
+// Condense TOC
+#markdown-toc li + li,
+#markdown-toc ol > li:first-child,
+#markdown-toc ul > li:first-child {
+    margin-top: 0;
+}
+// On large devices
+// https://getbootstrap.com/docs/4.2/layout/overview/#responsive-breakpoints
+@media (min-width: 768px) {
+    // Hide button above nav
+    aside button[data-toggle=collapse] {
+        display: none;
+    }
+    // Show nav
+    nav.collapse:not(.show) {
+        display: block;
+    }
+}
+// On small devices and printers
+// https://getbootstrap.com/docs/4.2/layout/overview/#responsive-breakpoints
+@media (max-width: 767.98px), print {
+    // Root em
+    html {
+        font-size: 16px;
+    }
+    // Static aside
+    aside {
+        bottom: auto;
+        left: auto;
+        overflow: visible;
+        position: static;
+        right: auto;
+        text-align: center;
+        top: auto;
+        width: auto;
+    }
+    // Don't offset main
+    main {
+        margin-left: auto;
+    }
+}
+// Also on printers
+@media print {
+    // Hide button above nav
+    aside button[data-toggle=collapse] {
+        display: none;
+    }
+    // Only show header
+    nav.collapse:not(.show), footer {
+        display: none;
+    }
+    // Display links' URLs
+    a[href^='http']:after {
+        content: ' (' attr(href) ')';
+        word-wrap: break-word;
+    }
+}
+// GitHub syntax highlighter color scheme for Pygments
+// https://github.com/PhilipTrauner/pygments-github-css/blob/master/github.css
+.highlight .hll { background-color: #ffffcc }
+.highlight  { background: #f8f8f8; }
+.highlight .c { color: #6a737d } /* Comment */
+.highlight .err {  } /* Error */
+.highlight .k { color: #d73a49 } /* Keyword */
+.highlight .o { } /* Operator */
+.highlight .ch { color: #6a737d } /* Comment.Hashbang */
+.highlight .cm { color: #6a737d } /* Comment.Multiline */
+.highlight .cp { color: #d73a49 } /* Comment.Preproc */
+.highlight .cpf { color: #032f62 } /* Comment.PreprocFile */
+.highlight .c1 { color: #6a737d } /* Comment.Single */
+.highlight .cs { color: #6a737d } /* Comment.Special */
+.highlight .gd { color: #b31d28; background-color: #ffeef0 } /* Generic.Deleted */
+.highlight .ge {  } /* Generic.Emph */
+.highlight .gr {  } /* Generic.Error */
+.highlight .gh { color: #005cc5 } /* Generic.Heading */
+.highlight .gi { color: #22863a; background-color: #f0fff4 } /* Generic.Inserted */
+.highlight .go {  } /* Generic.Output */
+.highlight .gp {  } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #6f42c1; font-weight: bold } /* Generic.Subheading */
+.highlight .gt { color: #0044DD } /* Generic.Traceback */
+.highlight .kc { color: #005cc5 } /* Keyword.Constant */
+.highlight .kd { color: #d73a49 } /* Keyword.Declaration */
+.highlight .kn { color: #d73a49 } /* Keyword.Namespace */
+.highlight .kp { color: #d73a49 } /* Keyword.Pseudo */
+.highlight .kr { color: #d73a49 } /* Keyword.Reserved */
+.highlight .kt { color: #d73a49 } /* Keyword.Type */
+.highlight .m { color: #666666 } /* Literal.Number */
+.highlight .s { color: #032f62 } /* Literal.String */
+.highlight .na { } /* Name.Attribute */
+.highlight .nb { color: #005cc5 } /* Name.Builtin */
+.highlight .nc { color: #6f42c1 } /* Name.Class */
+.highlight .no { color: #005cc5 } /* Name.Constant */
+.highlight .nd { color: #6f42c1 } /* Name.Decorator */
+.highlight .ni { color: #005cc5 } /* Name.Entity */
+.highlight .ne { color: #005cc5 } /* Name.Exception */
+.highlight .nf { color: #6f42c1 } /* Name.Function */
+.highlight .nl { color: #005cc5 } /* Name.Label */
+.highlight .nn { color: #6f42c1 } /* Name.Namespace */
+.highlight .nt { color: #22863a } /* Name.Tag */
+.highlight .nv { color: #24292e } /* Name.Variable */
+.highlight .ow { color: #d73a49; } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mb { color: #005cc5 } /* Literal.Number.Bin */
+.highlight .mf { color: #005cc5 } /* Literal.Number.Float */
+.highlight .mh { color: #005cc5 } /* Literal.Number.Hex */
+.highlight .mi { color: #005cc5 } /* Literal.Number.Integer */
+.highlight .mo { color: #005cc5 } /* Literal.Number.Oct */
+.highlight .sa { color: #d73a49 } /* Literal.String.Affix */
+.highlight .sb { color: #032f62 } /* Literal.String.Backtick */
+.highlight .sc { color: #032f62 } /* Literal.String.Char */
+.highlight .dl { color: #d73a49 } /* Literal.String.Delimiter */
+.highlight .sd { color: #032f62 } /* Literal.String.Doc */
+.highlight .s2 { color: #032f62 } /* Literal.String.Double */
+.highlight .se { color: #032f62 } /* Literal.String.Escape */
+.highlight .sh { color: #032f62 } /* Literal.String.Heredoc */
+.highlight .si { color: #005cc5 } /* Literal.String.Interpol */
+.highlight .sx { color: #032f62 } /* Literal.String.Other */
+.highlight .sr { color: #032f62 } /* Literal.String.Regex */
+.highlight .s1 { color: #032f62 } /* Literal.String.Single */
+.highlight .ss { color: #005cc5 } /* Literal.String.Symbol */
+.highlight .bp { color: #005cc5 } /* Name.Builtin.Pseudo */
+.highlight .fm { color: #005cc5 } /* Name.Function.Magic */
+.highlight .vc { color: #24292e } /* Name.Variable.Class */
+.highlight .vg { color: #24292e } /* Name.Variable.Global */
+.highlight .vi { color: #24292e } /* Name.Variable.Instance */
+.highlight .vm { color: #005cc5 } /* Name.Variable.Magic */
+.highlight .il { color: #005cc5 } /* Literal.Number.Integer.Long */

data/_sass/node_modules/bootstrap/LICENSE ADDED Viewed

@@ -0,0 +1,22 @@
+The MIT License (MIT)
+Copyright (c) 2011-2018 Twitter, Inc.
+Copyright (c) 2011-2018 The Bootstrap Authors
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/_sass/node_modules/bootstrap/scss/_alert.scss ADDED Viewed

@@ -0,0 +1,51 @@
+//
+// Base styles
+//
+.alert {
+  position: relative;
+  padding: $alert-padding-y $alert-padding-x;
+  margin-bottom: $alert-margin-bottom;
+  border: $alert-border-width solid transparent;
+  @include border-radius($alert-border-radius);
+}
+// Headings for larger alerts
+.alert-heading {
+  // Specified to prevent conflicts of changing $headings-color
+  color: inherit;
+}
+// Provide class for links that match alerts
+.alert-link {
+  font-weight: $alert-link-font-weight;
+}
+// Dismissible alerts
+//
+// Expand the right padding and account for the close button's positioning.
+.alert-dismissible {
+  padding-right: $close-font-size + $alert-padding-x * 2;
+  // Adjust close link position
+  .close {
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding: $alert-padding-y $alert-padding-x;
+    color: inherit;
+  }
+}
+// Alternate styles
+//
+// Generate contextual modifier classes for colorizing the alert.
+@each $color, $value in $theme-colors {
+  .alert-#{$color} {
+    @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));
+  }
+}

data/_sass/node_modules/bootstrap/scss/_badge.scss ADDED Viewed

@@ -0,0 +1,53 @@
+// Base class
+//
+// Requires one of the contextual, color modifier classes for `color` and
+// `background-color`.
+.badge {
+  display: inline-block;
+  padding: $badge-padding-y $badge-padding-x;
+  font-size: $badge-font-size;
+  font-weight: $badge-font-weight;
+  line-height: 1;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  @include border-radius($badge-border-radius);
+  @at-root a#{&} {
+    @include hover-focus {
+      text-decoration: none;
+    }
+  }
+  // Empty badges collapse automatically
+  &:empty {
+    display: none;
+  }
+}
+// Quick fix for badges in buttons
+.btn .badge {
+  position: relative;
+  top: -1px;
+}
+// Pill badges
+//
+// Make them extra rounded with a modifier to replace v3's badges.
+.badge-pill {
+  padding-right: $badge-pill-padding-x;
+  padding-left: $badge-pill-padding-x;
+  @include border-radius($badge-pill-border-radius);
+}
+// Colors
+//
+// Contextual variations (linked badges get darker on :hover).
+@each $color, $value in $theme-colors {
+  .badge-#{$color} {
+    @include badge-variant($value);
+  }
+}

data/_sass/node_modules/bootstrap/scss/_breadcrumb.scss ADDED Viewed

@@ -0,0 +1,41 @@
+.breadcrumb {
+  display: flex;
+  flex-wrap: wrap;
+  padding: $breadcrumb-padding-y $breadcrumb-padding-x;
+  margin-bottom: $breadcrumb-margin-bottom;
+  list-style: none;
+  background-color: $breadcrumb-bg;
+  @include border-radius($breadcrumb-border-radius);
+}
+.breadcrumb-item {
+  // The separator between breadcrumbs (by default, a forward-slash: "/")
+  + .breadcrumb-item {
+    padding-left: $breadcrumb-item-padding;
+    &::before {
+      display: inline-block; // Suppress underlining of the separator in modern browsers
+      padding-right: $breadcrumb-item-padding;
+      color: $breadcrumb-divider-color;
+      content: $breadcrumb-divider;
+    }
+  }
+  // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built
+  // without `<ul>`s. The `::before` pseudo-element generates an element
+  // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.
+  //
+  // To trick IE into suppressing the underline, we give the pseudo-element an
+  // underline and then immediately remove it.
+  + .breadcrumb-item:hover::before {
+    text-decoration: underline;
+  }
+  // stylelint-disable-next-line no-duplicate-selectors
+  + .breadcrumb-item:hover::before {
+    text-decoration: none;
+  }
+  &.active {
+    color: $breadcrumb-active-color;
+  }
+}