swedbank-pay-design-guide-jekyll-theme 2.6.2 → 3.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5139b7dd89db56dad179299ec6cec015bb8fe5b1e39c61836faee0d9fb601684
-  data.tar.gz: e470ceff59f60ac7d70662870ad4455853d3c21e1d454a021db43ef9587aa498
+  metadata.gz: e28064d55bb8b2b97cc7a6cfd24178347a6fec42c3cb4c00b7925abab1f1f02f
+  data.tar.gz: 4fd452ed00c0b6fe2ccc252396b3a335ace084d1174b89a3afce76f3f6dc8a5d
 SHA512:
-  metadata.gz: 4b696cb70a20ead6259e2330c4940781ea244d460b02825dff78123f6584a4a6cd35c021209956b96b6f3e9bd9e86fb794c2f5af0d399fc8f2bfc1c5af2ce881
-  data.tar.gz: '099f4a79c0ce99dcdb8814edde76eba24ff5ec5dd3c6d285f90af97b151aae176e1bfcc7a82002973ed61ee9bb495883572b4cf26b648efa22a3ee874e06d24c'
+  metadata.gz: d3b046c74104f352fff4fa1dc1219c34a41fcd8cb1ce9b14d0843fc15803bad98546cbc27cf4156a18ca5fcc1d89461a5f9fa2c7fe19cd06295cadd304dbc872
+  data.tar.gz: ba283af076e0aecf2060ddcc559b5e47618600f81d40d1219f41e11ea63a8d0df955d84a920af3446ea8117fc43b6eb28808b2679934cfb88e30396c0b7d1616

data/_includes/doc-container.html

@@ -3,7 +3,7 @@
 normal-padding
 {% elsif page.card_overview %}
 normal-padding max-width-card-overview
-{% elsif page.has_release_notes %}
+{% elsif page.release_notes %}
 dg-front-page py-0
 {% else %}
 normal-padding max-width
@@ -14,8 +14,8 @@ normal-padding max-width
     <article>
         {% if page.card_overview %}
             {% include card-overview.html %}
-        {% elsif page.has_release_notes %}
-            {% include release_notes.html num_of_releases_to_display=5 %}
+        {% elsif page.release_notes %}
+            {% include release_notes.html num_of_releases_to_display=5 release_notes_title="What's new in " %}
         {% else %}
             {% include anchor_headings.html html=content anchorClass='header-anchor' %}
         {% endif %}

data/_includes/release_notes.html

@@ -1,31 +1,23 @@
-{%- comment -%}
-**Parameters
-release_notes: The release notes pages to use if sitePage.content cannot be used.
-{%- endcomment -%}
-
-{% assign release_notes = include.release_notes %}
 {% assign num_of_releases_to_display = include.num_of_releases_to_display %}
-{% assign min_cnt = num_of_releases_to_display | plus: 1 %}
-
-{% if page.url contains '/release-notes' %}
-    {% if release_notes %}
-        {% assign max_cnt = release_notes | markdownify | split: '</h2>' | size %}   
-        {% assign releases = release_notes | markdownify | split: '<h2' | slice: 1, num_of_releases_to_display %}
-        {% assign archive = release_notes | markdownify | split: '<h2' | slice: min_cnt, max_cnt %}
-    {% else %}
-        {% for sitePage in site.pages %}
-            {% if sitePage.url == page.url %}
-                {% assign max_cnt = sitePage.content | markdownify | split: '</h2>' | size %}   
-                {% assign releases = sitePage.content | markdownify | split: '<h2' | slice: 1, num_of_releases_to_display %}
-                {% assign archive = sitePage.content | markdownify | split: '<h2' | slice: min_cnt, max_cnt %}
-            {% endif %}
-        {% endfor %}
-    {% endif %}
-{% endif %}
-
+{% assign release_notes_title = include.release_notes_title %}
 {% if page.url contains '/release-notes' %}
+    {% for sitePage in site.pages %}
+        {% if sitePage.url == page.url %}
+            {% assign min_cnt = num_of_releases_to_display | plus: 1 %}
+            {% assign max_cnt = sitePage.content | split: '</h2>' | size %}   
+            {% assign releases = sitePage.content | markdownify | split: '<h2' | slice: 1, num_of_releases_to_display %}
+            {% assign archive = sitePage.content | markdownify | split: '<h2' | slice: min_cnt, max_cnt %}
 <section class="dg-changelog-container d-flex flex-column mb-0">
-    <div class="container dg-changelog-content">       
+    <div class="container dg-changelog-content">
+        <div class="row mt-3">
+            <span class="dg-changlelog-title">
+                {{ release_notes_title | append: sitePage.lead_title }}
+                <div class="dg-changelog-divider my-2"></div>
+            </span>
+            {% include alert.html type="informative" icon="info" header="Version numbers"
+            body="The version numbers used in headers on this page refers to the version of
+            this very documentation, not to a version of any APIs described by it." %}
+        </div>       
             {% for release in releases %}
                 {% if forloop.length > 0 %}
                     {% if forloop.last %}
@@ -41,7 +33,7 @@ release_notes: The release notes pages to use if sitePage.content cannot be used
                 {{ release_value[1] | strip }}
             </div>
                 {% assign version_list = versions | shift %}
-            <div class="col dg-changelog-description px-0">
+            <div class="dg-changelog-description px-0">
                 {% for version in version_list %}
                     {% assign version_parts = version | split: '</h3>' %}
                     {% assign version_value = version_parts[0] | split: '>' %}
@@ -87,4 +79,7 @@ release_notes: The release notes pages to use if sitePage.content cannot be used
             {% endif %}
 
 </section>
+        {% endif %}
+
+    {% endfor %}
 {% endif %}

data/_includes/tabs.html

@@ -1,9 +1,8 @@
 {%- comment -%}
 **Parameters
 tab_list(required): An array with items having the attributes title(required), content_text (required),
-content_src(optional), mark_with_star (optional).
+content_src(optional), mark_with_star (optional)
 default_tab_index(optional): Index of the tab to be active by default, starting from 1
-has_release_notes(optional): Indicate if the tabs contains release notes.
 {%- endcomment -%}
 
 {% assign tabs = include.tab_list %}
@@ -30,12 +29,7 @@ has_release_notes(optional): Indicate if the tabs contains release notes.
     {% capture sourced_content %}
     {% include {{tab.content_src}} %}
     {% endcapture %}
-
-    {% if include.has_release_notes %}
-    {% include release_notes.html release_notes=sourced_content num_of_releases_to_display=5 %}
-    {% else %}
     {{ sourced_content | markdownify }}
-    {% endif %}
 </div>
 {% endif %}
 {% endfor %}
@@ -44,13 +38,7 @@ has_release_notes(optional): Indicate if the tabs contains release notes.
     var defaultIndex = {{ default_tab_index | jsonify }};
     const allTabs = {{ tabs | jsonify }};
     const compiledTabTextContents = allTabs?.map(tab => tab.content_text);
-    const compiledTabSrcContents = $(".tab-src"); 
-    const hasReleaseNotes = {{ include.has_release_notes | jsonify }};
-    if(hasReleaseNotes){
-        const container = $(".doc-container");
-        container.attr("class", "doc-container dg-front-page py-0");
-    }
-    
+    const compiledTabSrcContents = $(".tab-src");
 </script>
 
 <script>

data/_includes/title-header.html

@@ -26,4 +26,6 @@
             <p>{{ description | markdownify }}</p>
             {% endif %}
         </div>
+
+        {% include github.html %}
     </div>

data/_layouts/default.html

@@ -72,8 +72,8 @@
                     </a>
             </header>
             <div class="documentation">
-                <div id="search-box-container" class="form-group search-box search-expander">
-                    {% if site.search.enabled == true and page.name != "search.md" %}
+                <div class="form-group search-box search-expander">
+                    {% if site.search.enabled == true %}
                     <form class="search d-flex"
                         method="get" action="{{ site.search.url | relative_url }}">
                         <input name="q" type="text" id="tipue_search_input"

data/_layouts/search.html

@@ -1,24 +1,5 @@
 ---
 layout: default
 ---
-<form class="search d-flex" method="get" action="{{ site.search.url | relative_url }}">
-    <input name="q" type="text" id="tipue_search_input" class="form-control search-input"
-        placeholder="Search in documentation" onfocus="this.placeholder=''"
-        onblur="this.placeholder='Search in documentation'" pattern=".{3,}" title="At least 3 characters">
-    <script>
-        (function () {
-            var params = new URLSearchParams(window.location.search);
-            var q = params.get('q');
-            if (q) {
-                document.getElementById('tipue_search_input').value = q;
-            }
-        })();
-    </script>
-    <button id="search-btn" class="btn btn-primary btn-icon-lg" type="submit" aria-label="Search button">
-        <i class="material-icons-outlined" aria-hidden="true">search</i>
-    </button>
-</form>
-<p id="search-hint-text" class="hint-text mb-5">Tip: Try using quotes for more precise
-    results. <code>online payments</code> will give a different result compared to <code>"online payments"</code>.</p>
 
-<div id="tipue_search_content"></div>
+<div id="tipue_search_content"></div>

data/_sass/swedbank-pay-design-guide-theme.scss

@@ -9,7 +9,6 @@
 @import 'paragraph-highlight.scss';
 @import 'sidebar.scss';
 @import 'title-header.scss';
-@import 'tipue_search.scss';
 
 $bg: #f5f2f0;
 $darkened-bg: darken($bg, 10%);
@@ -28,10 +27,6 @@ img {
     padding-left: 0;
 }
 
-.cards:has(.cards-cta) {
-    min-width: 100% !important;
-}
-
 body {
     font-size: 1.125rem;
 }
@@ -443,43 +438,40 @@ body {
     }
 }
 
-#search-btn {
-    height: 56px;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-}
-
-.search-input {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-}
-
 .search-box {
     position: absolute;
-    right: 1rem;
-    top: 1rem;
+    right: 8rem;
+    top: 1.5rem;
     z-index: 2;
 
+
+    .search-input {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+    }
+
+    #search-btn {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+        height: 56px;
+    }
+
     @media screen and (max-width: $breakpoint-lg) {
         position: fixed;
         right: 1rem;
         top: 1rem;
         z-index: 401;
 
+        #tipue_search_input {
+            display: none;
+        }
+
         #search-btn {
             border-top-left-radius: 8px;
             border-top-left-radius: var(--border-radius);
             border-bottom-left-radius: 8px;
             border-bottom-left-radius: var(--border-radius);
         }
-
-        #tipue_search_input {
-            display: none;
-        }
-
-        #search-box-container {
-            max-width: 54px;
-        }
     }
 }
 

data/_sass/title-header.scss

@@ -7,7 +7,7 @@
 
     .title-header-container {
         width: 100%;
-        padding: 4rem 1rem;
+        padding: 3rem 1rem;
 
         h1,
         h4,

data/assets/js/swedbank-pay-design-guide-theme.js

@@ -96,7 +96,7 @@
 
 // Simple sidebar functionality while dg.js is being loaded
 
-function _handleSimpleSidebar(e) {
+function _handleSimpleSidebar (e) {
     const target = e.target.parentElement.parentElement;
 
     if (target.tagName === "LI") {
@@ -121,7 +121,7 @@ function _handleSimpleSidebar(e) {
 
 // Remove simple sidebar functionality when proper sidebar functionality is loaded
 (function () {
-    document.addEventListener("DOMContentLoaded", function (e) {
+    document.addEventListener("DOMContentLoaded", function(e) {
         const sidebar = document.querySelector(".sidebar");
 
         sidebar.removeEventListener("click", _handleSimpleSidebar);
@@ -131,7 +131,7 @@ function _handleSimpleSidebar(e) {
 
 // Override the topbar click to show and hide our own sidebar
 (function () {
-    const isLeaf = function (currentUrl) {
+    const isLeaf = function(currentUrl) {
         const path = window.location.pathname;
         const href = currentUrl || window.location.href;
         const pathIndex = href.indexOf(path);
@@ -142,11 +142,11 @@ function _handleSimpleSidebar(e) {
             : false;
     };
 
-    const isHome = function () {
+    const isHome = function() {
         return window.location.pathname === "/";
     };
 
-    const controlVisibility = function (currentUrl) {
+    const controlVisibility = function(currentUrl) {
         const sidebar = document.querySelector(".sidebar");
         const overlay = document.querySelector("#overlay");
         const topbarButton = document.querySelector(".topbar-btn");
@@ -158,10 +158,12 @@ function _handleSimpleSidebar(e) {
             overlay.style.display = "none";
             topbarButton.style.display = "flex";
             topbarClose.style.display = "none";
+        } else {
+            sidebar.classList.add("visible");
         }
     };
 
-    document.addEventListener("DOMContentLoaded", function () {
+    document.addEventListener("DOMContentLoaded", function() {
         const topbarButton = document.querySelector(".topbar-btn");
         const newTopbarButton = topbarButton.cloneNode(true);
         const sidebar = document.querySelector(".sidebar");
@@ -177,7 +179,7 @@ function _handleSimpleSidebar(e) {
             overlay.style.display = "block";
         }
 
-        newTopbarButton.addEventListener("click", function (e) {
+        newTopbarButton.addEventListener("click", function(e) {
             if (sidebar.classList.contains("visible")) {
                 sidebar.classList.remove("visible");
                 newTopbarButton.style.display = "flex";
@@ -192,7 +194,7 @@ function _handleSimpleSidebar(e) {
             }
         });
 
-        topbarClose.addEventListener("click", function (e) {
+        topbarClose.addEventListener("click", function(e) {
             if (sidebar.classList.contains("visible")) {
                 sidebar.classList.remove("visible");
                 newTopbarButton.style.display = "flex";
@@ -206,7 +208,7 @@ function _handleSimpleSidebar(e) {
             }
         });
 
-        overlay.addEventListener("click", function (e) {
+        overlay.addEventListener("click", function(e) {
             if (sidebar.classList.contains("visible")) {
                 sidebar.classList.remove("visible");
                 newTopbarButton.style.display = "flex";
@@ -215,15 +217,15 @@ function _handleSimpleSidebar(e) {
             }
         });
 
-        document.querySelectorAll(".nav-leaf a").forEach(function (a) {
-            a.addEventListener("click", function (e) {
+        document.querySelectorAll(".nav-leaf a").forEach(function(a) {
+            a.addEventListener("click", function(e) {
                 controlVisibility(e.target.href);
             });
         });
 
         topbarButton.parentNode.replaceChild(newTopbarButton, topbarButton);
 
-        searchButton.addEventListener("click", function (e) {
+        searchButton.addEventListener("click", function(e) {
             const searchInput = document.querySelector(".search-input");
             const searchBtn = document.querySelector("#search-btn");
             return false;
@@ -231,8 +233,9 @@ function _handleSimpleSidebar(e) {
     });
 })();
 
+
 // Initialize Tipue search
-(function () {
+(function() {
     $(document).ready(function () {
         $("#tipue_search_input").tipuesearch();
     });

data/assets/tipuesearch/tipuesearch.min.js

@@ -1,4 +1,4 @@
-(function($){$.fn.tipuesearch=function(options){var set=$.extend({'contentLocation':'tipuesearch/tipuesearch_content.json','contextBuffer':60,'contextLength':60,'contextStart':90,'debug':false,'descriptiveWords':25, 'footerPages':10,'highlightTerms':true,'liveContent':'*','liveDescription':'*','minimumLength':3,'mode':'static','newWindow':false,'show':10,'showContext':true,'showRelated':true,'showTime':true,'showTitleCount':true,'showURL':true,'wholeWords':true},options);return this.each(function(){var tipuesearch_in={pages:[]};$.ajaxSetup({async:false});var tipuesearch_t_c=0;$('#tipue_search_content').hide().html('<div class="tipue_search_spinner"><div class="tipue_search_rect1"></div><div class="tipue_search_rect2"></div><div class="rect3"></div></div>').show();if(set.mode=='live')
+(function($){$.fn.tipuesearch=function(options){var set=$.extend({'contentLocation':'tipuesearch/tipuesearch_content.json','contextBuffer':60,'contextLength':60,'contextStart':90,'debug':false,'descriptiveWords':25,'highlightTerms':true,'liveContent':'*','liveDescription':'*','minimumLength':3,'mode':'static','newWindow':false,'show':9,'showContext':true,'showRelated':true,'showTime':true,'showTitleCount':true,'showURL':true,'wholeWords':true},options);return this.each(function(){var tipuesearch_in={pages:[]};$.ajaxSetup({async:false});var tipuesearch_t_c=0;$('#tipue_search_content').hide().html('<div class="tipue_search_spinner"><div class="tipue_search_rect1"></div><div class="tipue_search_rect2"></div><div class="rect3"></div></div>').show();if(set.mode=='live')
 {for(var i=0;i<tipuesearch_pages.length;i++)
 {$.get(tipuesearch_pages[i]).done(function(html)
 {var cont=$(set.liveContent,html).text();cont=cont.replace(/\s+/g,' ');var desc=$(set.liveDescription,html).text();desc=desc.replace(/\s+/g,' ');var t_1=html.toLowerCase().indexOf('<title>');var t_2=html.toLowerCase().indexOf('</title>',t_1+7);if(t_1!=-1&&t_2!=-1)
@@ -143,14 +143,13 @@ if(f)
 {out+='</div>';}}
 if(c>set.show)
 {var pages=Math.ceil(c / set.show);var page=(start / set.show);out+='<nav><div id="tipue_search_foot"><ul id="tipue_search_foot_boxes">';if(start>0)
-{out+='<li role="navigation"><a class="tipue_search_foot_box" accesskey="b" id="'+(start-set.show)+'_'+replace+'"><i class="swepay-icon-chevron-left" aria-label="back"></i></a></li>';} //tipuesearch_string_6
+{out+='<li role="navigation"><a class="tipue_search_foot_box" accesskey="b" id="'+(start-set.show)+'_'+replace+'">'+tipuesearch_string_6+'</a></li>';}
 if(page<=2)
 {var p_b=pages;if(pages>3)
 {p_b=3;}
 for(var f=0;f<p_b;f++)
 {if(f==page)
-//{out+='<li class="current" role="navigation">'+(f+1)+'</li>';}
-{out+='<li class="current" role="navigation"><a class="tipue_search_foot_box" id="'+(f*set.show)+'_'+replace+'">'+(f+1)+'</a></li>';}
+{out+='<li class="current" role="navigation">'+(f+1)+'</li>';}
 else
 {out+='<li role="navigation"><a class="tipue_search_foot_box" id="'+(f*set.show)+'_'+replace+'">'+(f+1)+'</a></li>';}}}
 else
@@ -158,12 +157,11 @@ else
 {p_b=pages;}
 for(var f=page-1;f<p_b;f++)
 {if(f==page)
-//{out+='<li class="current" role="navigation">'+(f+1)+'</li>';}
-{out+='<li class="current" role="navigation"><a class="tipue_search_foot_box" id="'+(f*set.show)+'_'+replace+'">'+(f+1)+'</a></li>';}
+{out+='<li class="current" role="navigation">'+(f+1)+'</li>';}
 else
 {out+='<li role="navigation"><a class="tipue_search_foot_box" id="'+(f*set.show)+'_'+replace+'">'+(f+1)+'</a></li>';}}}
 if(page+1!=pages)
-{out+='<li role="navigation"><a class="tipue_search_foot_box" accesskey="m" id="'+(start+set.show)+'_'+replace+'"><i class="swepay-icon-chevron-right" aria-label="forward"></i></a></li>';} //tipuesearch_string_7
+{out+='<li role="navigation"><a class="tipue_search_foot_box" accesskey="m" id="'+(start+set.show)+'_'+replace+'">'+tipuesearch_string_7+'</a></li>';}
 out+='</ul></div></nav>';}}
 else
 {out+='<div id="tipue_search_warning">'+tipuesearch_string_8+'</div>';}}

data/assets/tipuesearch/tipuesearch_set.js

@@ -60,7 +60,7 @@ var tipuesearch_string_3 = 'Search instead for';
 var tipuesearch_string_4 = '1 result';
 var tipuesearch_string_5 = 'results';
 var tipuesearch_string_6 = 'Back';
-var tipuesearch_string_7 = 'Next';
+var tipuesearch_string_7 = 'More';
 var tipuesearch_string_8 = 'Nothing found.';
 var tipuesearch_string_9 = 'Common words are largely ignored.';
 var tipuesearch_string_10 = 'Search too short';

data/lib/gem_version.rb

@@ -4,7 +4,7 @@ module Gem
   # Gem Specification
   class Specification
     def self.gem_version
-      '2.6.2'
+      '3.0.0'
     end
   end
 end

data/lib/sidebar_html_builder.rb

@@ -65,9 +65,9 @@ module SwedbankPay
     end
 
     def change_root_class(current_page)
-      return unless current_page.path == '/search/' || current_page.path == '/'
-      
-      # On 'home' or 'search', set the 'class' to 'sidebar dg-sidebar' to effectively remove 'has-secondary-nav'.
+      return if current_page.path != '/'
+
+      # On 'home', set the 'class' to 'sidebar dg-sidebar' to effectively remove 'has-secondary-nav'.
       current_page.doc.xpath('//*[@id="dg-sidebar"]').first.set_attribute('class', 'sidebar dg-sidebar')
     end
 

data/lib/sidebar_renderer.rb

@@ -28,23 +28,21 @@ module SwedbankPay
       return if pages.empty?
 
       pages.each do |page|
-        unless page.filename.include?('404.html')
-          sidebar_html = render_sidebar(page)
-          name = page.filename || page.name || page.to_s
-
-          if sidebar_html.nil?
-            SidebarLogger.warn("No HTML rendered for #{name}.")
-            next
-          end
+        sidebar_html = render_sidebar(page)
+        name = page.filename || page.name || page.to_s
 
-          if page.sidebar_container.nil?
-            SidebarLogger.warn("No sidebar container found in '#{name}'. #{page.filename}")
-            next
-          end
+        if sidebar_html.nil?
+          SidebarLogger.warn("No HTML rendered for #{name}.")
+          next
+        end
 
-          page.sidebar_container.inner_html = sidebar_html
+        if page.sidebar_container.nil?
+          SidebarLogger.warn("No sidebar container found in '#{name}'. #{page.filename}")
+          next
         end
 
+        page.sidebar_container.inner_html = sidebar_html
+
         page.save
 
         render_pages(page.children)

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: swedbank-pay-design-guide-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 2.6.2
+  version: 3.0.0
 platform: ruby
 authors:
 - Swedbank Pay
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-07-03 00:00:00.000000000 Z
+date: 2025-03-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: faraday
@@ -445,7 +445,6 @@ files:
 - _sass/paragraph-highlight.scss
 - _sass/sidebar.scss
 - _sass/swedbank-pay-design-guide-theme.scss
-- _sass/tipue_search.scss
 - _sass/title-header.scss
 - _sass/variables.scss
 - assets/css/pygments-autumn.css
@@ -503,14 +502,14 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: 2.5.0
+      version: 3.1.0
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.1.6
+rubygems_version: 3.3.27
 signing_key:
 specification_version: 4
 summary: Swedbank Pay Design Guide theme for Jekyll

data/_sass/tipue_search.scss

@@ -1,51 +0,0 @@
-#tipue_search_content {
-
-    nav {
-        display: flex;
-        font-family: Swedbank Headline, Arial, sans-serif;
-        justify-content: center;
-        margin: 1rem 0;
-        padding-left: 0;
-
-        ul {
-            display: flex;
-            color: #2f2424;
-            margin-top: 0;
-            margin-bottom: 0;
-            padding-left: 0;
-            line-height: 24px;
-
-            li {
-                border-radius: .125rem;
-                display: flex;
-                margin: .5rem;
-                color: #2f2424;
-
-                a {
-                    border: 2px solid transparent;
-                    color: #2f2424;
-                    cursor: pointer;
-                    min-width: 1.75rem;
-                    padding-top: .1rem;
-                    text-align: center;
-                    -webkit-text-decoration: none;
-                    text-decoration: none;
-                    max-height: 29.6px;
-
-                    &:hover {
-                        border: 2px solid #2f2424;
-                        border-radius: .125rem;
-                    }
-                }
-
-                &.current {
-                    background-color: #2f2424;
-
-                    a {
-                        color: white;
-                    }
-                }
-            }
-        }
-    }
-}