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

jekyll-theme-cs50 0.1.3

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