j1-template 2020.0.16 → 2020.0.21

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 38b0d51b173f31ed714c59e018c2a992e98e540182ed5b991359194d198fcdcb
-  data.tar.gz: 1b1182a8a772898f57ac34b170115b63be2fbb139fd8abe80b60daf7b9409f5d
+  metadata.gz: 6b681224aa78c5feac1963cc0c68b8f6525d0a35a3d20706700d16ced3fd6d90
+  data.tar.gz: 77a63976580b15abb2d83b1d563334ded39a4ade3edd970e778c36e3cb7efb41
 SHA512:
-  metadata.gz: a8818223e88c187da49e24925aef5861c14f1b7a648837e5bd21344a0edeed369e97a9ce1f15a328da52404f37993f96dc98da7e22c1fd3a0d11d53a61fc530c
-  data.tar.gz: d2522c12c1e9f24760d7819f364d465c771f77bcbb5cd44d1d029b7cf9c7b1d56d4a494d36f233e13d223a956eafc6697d856591a61284f5472f62cfe9360cd3
+  metadata.gz: 3c5fe2db9d6b14fd5c1d24fcda6c5ae54584568169d922313806565a3341bbefac37d80731204ddbcede2d468b010efd401126ca697dc5b8416979dbc4306a5b
+  data.tar.gz: 366f13212b8612f231de02c87d163a0821e847660f2e41a2a3d3e03e09693edb12e9d8b63d2a15598c7b9c91058ed3b0b7eaba5e8fc5b1326ab0ee5a86abe42e

data/_includes/themes/j1/blocks/footer/boxes/about_box.proc

@@ -33,11 +33,11 @@
 <!-- [INFO   ] [about_box.proc                     ] [ place about box ] -->
 <div class="col-md-{{footer_box_width_md}}">
   <!-- div class="heading-footer"><h2 class="notoc">{{title}}</h2></div -->
-  <h2 class="g-text-upper g-color-white-opacity-0_9 g-font-size-18 g-font-weight-500 g-mb-0">{{title}}</h2>
+  <h2 class="text-uppercase g-color-white-opacity-0_6 g-font-size-18 mb-0">{{title}}</h2>
   <p class="tagline mb-0">
     <large>{{tagline}}</large>
   </p>
-  <div class="d-inline-block g-width-50 g-height-2 uno-bg-primary g-mb-5"></div>
+  <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-1"></div>
   {% if justify %}
     <p class="lead text-justify">{{text}}</p>
   {% else %}

data/_includes/themes/j1/blocks/footer/boxes/links_box.proc

@@ -32,18 +32,18 @@
 <!-- [INFO   ] [links_box.proc                     ] [ place links box ] -->
 <div class="col-md-{{footer_box_width_md}}">
   <!-- div class="heading-footer"><h2 class="notoc">{{title}}</h2></div -->
-  <h2 class="g-text-upper g-color-white-opacity-0_9 g-font-size-18 g-font-weight-500 g-mb-0">{{title}}</h2>
+  <h2 class="text-uppercase g-color-white-opacity-0_6 g-font-size-18 mb-0">{{title}}</h2>
   <p class="tagline mb-0">
     <large>{{tagline}}</large>
   </p>
-  <div class="d-inline-block g-width-50 g-height-2 uno-bg-primary g-mb-5"></div>
+  <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-1"></div>
 
-  <ul class="list-unstyled footer-link-list">
+  <ul class="list-unstyled link-news">
     {% for property in links %}
       {% comment %} <!-- proc - property.link: {{ property.link }} --> {% endcomment %}
       <li>
         <a href="{{property.link.href}}" target="_blank" rel="noopener noreferrer">{{property.link.title}}</a>
-        <div style="color: #555;"><small>{{property.link.tagline}}</small></div>
+        <div class="text-uppercase"><small>{{property.link.tagline}}</small></div>
       </li>
     {% endfor %}
   </ul>

data/_includes/themes/j1/blocks/footer/boxes/news_box.proc

@@ -39,11 +39,11 @@
 <!-- [INFO   ] [news_box.proc                      ] [ place news box ] -->
 <div class="col-md-{{footer_box_width_md}}">
   <!-- div class="heading-footer"><h2 class="notoc">{{title}}</h2></div -->
-  <h2 class="g-text-upper g-color-white-opacity-0_9 g-font-size-18 g-font-weight-500 g-mb-0">{{title}}</h2>
+  <h2 class="text-uppercase g-color-white-opacity-0_6 g-font-size-18 mb-0">{{title}}</h2>
   <p class="tagline mb-0">
     <large>{{tagline}}</large>
   </p>
-  <div class="d-inline-block g-width-50 g-height-2 uno-bg-primary g-mb-5"></div>
+  <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-1"></div>
 
     <ul class="list-unstyled link-news">
     {% for post in posts %}

data/_includes/themes/j1/blocks/footer/generator.html

@@ -1,4 +1,4 @@
-{% comment %} 
+{% comment %}
  # -----------------------------------------------------------------------------
  # ~/_includes/templates/j1/blocks/footer/generator.html
  # Liquid TEMPLATE to create the footer for all pages

data/_includes/themes/j1/layouts/content_generator_blog_archive.html

@@ -68,17 +68,18 @@
   <!-- split page to place a sidebar e.g. the document TOC -->
   <!-- no sidebar, mr-* disabled -->
   <!-- div class="container mr-5 mb-5" -->
-  <div class="container mb-5">
-    <div class="row">
+  <!-- div class="container mb-5" -->
+    <!-- div class="row" -->
 
       <!-- main class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content" -->
-      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}} js-toc-content">
+      <main class="container r-text-{{rtext_size}} js-toc-content mb-5">
 
         {% comment %} Blog Navigator
         ------------------------------------------------------------------------ {% endcomment %}
-        <!-- Content placed by blog_archive_content.html -->
-        <div id="blog_navigator" class="row">
-          <div class="col-md-12" role="main">
+        <!-- Content placed by layouts/content_generator_blog_archive.html -->
+        <!-- div id="blog_navigator" class="row" -->
+        <div id="blog_navigator">
+          <!-- div class="col-md-12" role="main" -->
 
             <div id="article_navigator">
 
@@ -99,7 +100,8 @@
                   <h2 id="post-headline" class="mt-4">Navigator</h2>
                 </div> -->
 
-                <nav class="paginator ml-3">
+                <!-- nav class="paginator ml-3" -->
+                <nav class="paginator">
                   <ul class="pagination raised-z0">
 
                     <li class="page-item"><a class="page-link" href="{{category_view}}" title="View by Category">By Category</a></li>
@@ -134,7 +136,8 @@
                 {% comment %} Display pagination links if any
                 ---------------------------------------------------------------- {% endcomment %}
                 {% if paginator.total_pages > 1 %}
-                <nav class="paginator ml-3">
+                <!-- nav class="paginator ml-3" -->
+                <nav class="paginator">
                   <ul class="pagination raised-z0">
                     {% if paginator.previous_page %}
                       {% if paginator.previous_page > 1 %}
@@ -160,7 +163,8 @@
                 </nav>
                 {% endif %}
 
-                <div class="view-description ml-3 mb-3">
+                <!-- div class="view-description ml-3 mb-3" -->
+                <div class="view-description mb-3">
                   {{article_previewer_description}}
                 </div>
 
@@ -189,7 +193,7 @@
             {% comment %} End Article Previewer
             -------------------------------------------------------------------- {% endcomment %}
 
-          </div> <!-- end col-md-12 -->
+          <!-- /div --> <!-- end col-md-12 -->
         </div> <!-- end row blog_navigator -->
 
         <!-- End Content placed by blog_archive_content.html -->
@@ -222,6 +226,7 @@
 
         var dependencies_blog_generator = setInterval(function() {
           if ( j1.adapter.themer.getState() == 'finished' ) {
+            // [INFO   ] [j1.content_generator_blog_archive        ] [ {{page.title}} - save the current page to cookieUserState cookie: {{ browser_page_url }} ]
             var cookie_names                = j1.getCookieNames();
             const user_state_cookie_name    = cookie_names.user_session;
             var user_state                  = j1.readCookie(user_state_cookie_name);
@@ -231,10 +236,6 @@
               name: user_state_cookie_name,
               data: user_state
             });
-            /* Set default colors */
-            var bg_primary  = j1.getStyleValue('bg-primary', 'background-color');
-            /* Set color of timeline bullet */
-            $('head').append('<style>.tmicon { background: ' +bg_primary+ ' !important; }</style>');
             // clear interval checking
             clearInterval(dependencies_blog_generator);
             }
@@ -242,6 +243,8 @@
       });
       </script>
 
-    </div> <!-- end row -->
-  </div> <!-- end container -->
+    <!-- /div --> <!-- end row -->
+  <!-- /div --> <!-- end container -->
+
+
   <!-- [INFO   ] [j1.layout.content_generator_blog.html  ] [ end content ] -->

data/_includes/themes/j1/layouts/content_generator_collection.html

@@ -70,7 +70,7 @@
     ---------------------------------------------------------------------------- {% endcomment %}
     {% if sidebar == false %}
       <!-- FULL page - no sidebar for page toc -->
-      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}} js-toc-content">
+      <main class="r-text-{{rtext_size}} js-toc-content">
 
         <!-- Include a pager at top position -->
         {% include {{pager}} %}
@@ -93,7 +93,7 @@
     {% else %}
       <!-- SPLIT page. Place a sidebar e.g. for the document toc -->
       <!-- main class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content" -->
-      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}} js-toc-content">
+      <main class="r-text-{{rtext_size}} js-toc-content">
 
         <!-- Include a pager at top position -->
         {% include {{pager}} %}

data/_includes/themes/j1/layouts/content_generator_page.html

@@ -30,78 +30,30 @@
 {% comment %} set config data
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign template_config   = site.data.template_settings %}
-{% assign toccer_defaults   = modules.defaults.toccer.defaults %}
-{% assign toccer_settings   = modules.toccer.settings %}
 
 {% comment %} set config options
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign toccer_options    = toccer_defaults | merge: toccer_settings %}
-{% assign tocbot_enabled    = toccer_options.enabled %}
-
 {% assign rtext             = site.data.template_settings.typography.rtext %}
 {% assign page_rtext        = page.rtext %}
 {% assign page_rtext_size   = page.rtext_size %}
 {% assign page_toccer       = page.toccer %}
 {% assign page_toc          = page.toc %}
 
-{% if tocbot_enabled and page_toc or page_toccer %}
-  {% assign sidebar  = true %}
-{% else %}
-  {% assign sidebar  = false %}
-{% endif %}
-
 {% if rtext %}
   {% assign rtext_size = site.data.template_settings.typography.rtext_size %}
 {% else %}
   {% assign rtext_size = 0 %}
 {% endif %}
 
-
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
-<!-- [INFO   ] [j1.layout.content_generator_page.html ] [ begin content ] -->
-<!-- div class="container mr-5 mb-5" -->
-<!-- no sidebar, mr-* disabled -->
-  <div class="container mb-5">
-  <div class="row">
-
-    {% if sidebar == false %}
-      <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ start main for full page ] -->
-      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}} js-toc-content">
-        <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ begin place content ] -->
-        {{content}}
-      </main>
-      <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ end main for full page ] -->
-    {% else %}
-      <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ start main for split page (TOC) ] -->
-      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}} js-toc-content">
-      <!-- main class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content" -->
-        <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ begin place content ] -->
-        {{ content }}
-
-        {% comment %} Place additional headline for comments
-        ------------------------------------------------------------------------ {% endcomment %}
-        {% if page.comments %}
-        <h2 id="comments_leave_comment"> Leave a Comment </h2>
-        {% endif %}
-      </main>
-      <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ end main for split page (TOC) ] -->
-      {% comment %} Place Sidebar|Tocbot
-      -------------------------------------------------------------------------- {% endcomment %}
-      <!-- NOTE: BS or Tocbot Affix is not used anymore. Replaced by CSS style "sticky" -->
-      {% comment %} tocbot and page_navigation (not used anymore)
-      --------------------------------------------------------------------------
-      <aside class="col-md-3 d-none d-md-block sticky">
-        <div id="sidebar">
-          <div id="j1-toc-mgr" class="toc js-toc"></div>
-        </div>
-      </aside>
-      -------------------------------------------------------------------------- {% endcomment %}
-    {% endif %} <!-- endif sidebar -->
-
-  </div> <!-- end row -->
-</div> <!-- end container -->
-<!-- [INFO   ] [j1.layout.content_generator_page.html ] [ end place content ] -->
+<!-- [INFO   ] [j1.layout.content_generator_page.html ] [ start main for full page ] -->
+<main class="r-text-{{rtext_size}} js-toc-content">
+  <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ begin place content ] -->
+  {{content}}
+  <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ end place content ] -->
+</main>
+<!-- [INFO   ] [j1.layout.content_generator_page.html ] [ end main for full page ] -->
 
 {% comment %} Calc|Write the Back URL
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -111,7 +63,7 @@
   {% capture browser_page_url %}{{page.url}}{% endcapture %}
 {% endif %}
 
-<!-- [INFO   ] [j1.page.{{page.title}}                   ] [Save the current ArticleBrowser page to UserState cookie] -->
+<!-- [INFO   ] [j1.page.{{page.title}}                   ] [Save the current page to UserState cookie] -->
 <!-- script>
         var logger   = log4javascript.getLogger("j1.page.{{page.title|downcase}}.init");
         var cookieUserState = 'j1.user.state'

data/_includes/themes/j1/layouts/content_generator_post.html

@@ -79,7 +79,7 @@
   {% if sidebar == false %}
     <!-- FULL page - no sidebar for page toc -->
     <div class="row">
-      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}} js-toc-content">
+      <main class="r-text-{{rtext_size}} js-toc-content">
         <!-- Include a pager at top position -->
         {% include {{pager}} %}
         <!-- div class="featured-headline" -->
@@ -93,7 +93,8 @@
         <nav class="nav bmd-layout-container custom-size-350 bmd-drawer-f-l">
 
           <header class="bmd-layout-header">
-            <div class="navbar navbar-dark uno-bg-primary raised-z2 mb-4">
+            <!-- div class="navbar navbar-dark bg-primary raised-z2 mb-4" -->
+            <div class="navbar navbar-dark bg-primary raised-z2 mb-4">
               <button class="bmd-drawer drawer-toggler animated fadeIn" type="button" data-toggle="drawer" data-target="#post_navigator">
                 <span class="mdi mdi-menu mdi-2x"></span>
               </button>
@@ -138,7 +139,7 @@
     <!-- SPLIT page. Place a sidebar e.g. for the document toc -->
     <div class="row">
       <!-- main class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content" -->
-      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}} js-toc-content">
+      <main class="r-text-{{rtext_size}} js-toc-content">
 
         <!-- Include a pager at top position -->
         {% include {{pager}} %}
@@ -152,6 +153,7 @@
         <nav class="nav bmd-layout-container custom-size-350 bmd-drawer-f-l">
 
           <header class="bmd-layout-header">
+            <!-- div class="navbar navbar-dark bg-primary raised-z2 mb-4" -->
             <div class="navbar navbar-dark bg-primary raised-z2 mb-4">
               <button class="bmd-drawer drawer-toggler animated fadeIn" type="button" data-toggle="drawer" data-target="#post_navigator">
                 <span class="mdi mdi-menu mdi-2x"></span>

data/_includes/themes/j1/procedures/global/attributes_loader.proc

@@ -0,0 +1,117 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/_includes/themes/j1/procedures/global/attributes_loader.proc
+ #
+ # Liquid PROCEDURE to setup the Asciidoc attributes for an (entry)
+ # document. Initializes the all include paths for folders: images,
+ # documents and tables
+ #
+ # Copyright (C) 2020 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+ # Usage:
+ #  1)  capture the 'load_attributes' variable by full path
+ #  2)  include|configure the load_attributes procedure
+ #
+ # Example:
+ #  {% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
+ #  {% include {{load_attributes}} scope="global|local|all" %}
+ # -----------------------------------------------------------------------------
+ # NOTE:
+ #  Default:  scope="global"
+ # -----------------------------------------------------------------------------
+ # NOTE:
+ #  Include directive (include::)
+ #
+ #  The include directive looks like a >>block macro<< but it is a
+ #  >>preprocessor directive<< like ifdef and ifeval. It gets processed
+ #  before the lines are parsed into a document structure.
+ #
+ #  If the path relative, the processor resolves the path using the following
+ #  rules:
+ #
+ #    If the include directive is used in the main (top-level) document,
+ #    relative paths are resolved relative to the base directory. (The base
+ #    directory defaults to the directory of the main document and can be
+ #    overridden from the CLI or API).
+ #
+ #    If the include directive is used in a file that has >>itself<<
+ #    been included, the path is resolved relative to the including
+ #    (i.e. current) file.
+ # -----------------------------------------------------------------------------
+ # NOTE:
+ #  Calculation of Pathes
+ #
+ #  Web sources are loaded by the Web Server. The location imagesdir
+ #  is calculated relative to "_site" (web root). Asciidoc resources
+ #  are being collected by AsciiDoctor relative to "page_root".
+ # -----------------------------------------------------------------------------
+ # TODO:
+ #  For POSTS, currently the ASCIIDOC macro include:: does NOT work.
+ #  Path calculation needes to be fixed. Seems Jekyll is using different
+ #  flavours for page_path (for posts and pages).
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  liquid_var:  {{ liquid_var | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+{% capture get_page_path %}themes/{{site.template.name}}/procedures/global/get_page_path.proc{% endcapture %}
+{% include {{get_page_path}} %}
+
+{% comment %} Variables
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign scope = include.scope %}
+{% assign path_elements = page.path|strip|split:'/' %}
+
+{% comment %} Source pathes
+-------------------------------------------------------------------------------- {% endcomment %}
+{% capture content_root %}path_elements[0]/..{% endcapture %}
+{% capture page_root %}{{page_path|strip|remove_first:'./'}}{% endcapture %}
+{% capture site_root %}{{page_path source_dir}}{% endcapture %}
+
+{% comment %} Set PATH attributes
+-------------------------------------------------------------------------------- {% endcomment %}
+:globalincludedir:                      {{content_root}}/includes
+:includedir:                            {{page_root}}/includes
+:documentdir:                           {includedir}/documents
+:imagedir:                              {includedir}/images
+:tabledir:                              {includedir}/tables
+
+// Load|Publish attributes from FILE|S
+// -----------------------------------------------------------------------------
+{% if scope == "global" %}
+include::{globalincludedir}/attributes.asciidoc[tag=urls]
+include::{globalincludedir}/attributes.asciidoc[tag=tags]
+include::{globalincludedir}/attributes.asciidoc[tag=data]
+include::{globalincludedir}/attributes.asciidoc[tag=images]
+include::{globalincludedir}/attributes.asciidoc[tag=products]
+include::{globalincludedir}/attributes.asciidoc[tag=authors]
+{% elsif scope == "local" %}
+include::{includedir}/attributes.asciidoc[tag=authors]
+include::{includedir}/attributes.asciidoc[tag=tags]
+include::{includedir}/attributes.asciidoc[tag=urls]
+include::{includedir}/attributes.asciidoc[tag=data]
+{% elsif scope == "all" %}
+include::{globalincludedir}/attributes.asciidoc[tag=urls]
+include::{globalincludedir}/attributes.asciidoc[tag=tags]
+include::{globalincludedir}/attributes.asciidoc[tag=data]
+include::{globalincludedir}/attributes.asciidoc[tag=images]
+include::{globalincludedir}/attributes.asciidoc[tag=products]
+include::{globalincludedir}/attributes.asciidoc[tag=authors]
+include::{includedir}/attributes.asciidoc[tag=authors]
+include::{includedir}/attributes.asciidoc[tag=tags]
+include::{includedir}/attributes.asciidoc[tag=urls]
+include::{includedir}/attributes.asciidoc[tag=data]
+{% else %}
+include::{globalincludedir}/attributes.asciidoc[tag=urls]
+include::{globalincludedir}/attributes.asciidoc[tag=tags]
+include::{globalincludedir}/attributes.asciidoc[tag=data]
+include::{globalincludedir}/attributes.asciidoc[tag=images]
+include::{globalincludedir}/attributes.asciidoc[tag=products]
+include::{globalincludedir}/attributes.asciidoc[tag=authors]
+{% endif %}

data/_includes/themes/j1/procedures/global/create_bs_button.proc

@@ -44,18 +44,18 @@
 {% assign button_type = include.button_type | strip | downcase %}
 
 {% comment %} Liquid procedures
---------------------------------------------------------------- {% endcomment %}
+-------------------------------------------------------------------------------- {% endcomment %}
 {% capture select_color     %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
 
 
 {% comment %} Main
---------------------------------------------------------------- {% endcomment %}
+-------------------------------------------------------------------------------- {% endcomment %}
 
 {% case button_type %}
 
   {% when 'link' %}
   {% comment %} Create BS link button
-  ------------------------------------------------------------- {% endcomment %}
+  ------------------------------------------------------------------------------ {% endcomment %}
 
     {% for item in button_data %}
 
@@ -74,25 +74,25 @@
     {% endfor %}
 
     {% if button_href and button_target %}
-      {% capture bs_button_html %}<a href="{{button_href}}" target="{{ button_target }}" class="btn {{button_class}}"><i class="{{icon_family}} {{icon_family}}-{{button_icon}} {{icon_family}}-{{button_icon_size}} {{icon_family}}-{{button_icon_color}} mr-1"></i> {{button_text}} </a>{% endcapture %}
+      {% capture bs_button_html %}<a href="{{button_href}}" target="{{ button_target }}" class="{{button_class}}"><i class="{{icon_family}} {{icon_family}}-{{button_icon}} {{icon_family}}-{{button_icon_size}} {{icon_family}}-{{button_icon_color}} mr-1"></i> {{button_text}} </a>{% endcapture %}
     {% elsif button_href %}
-      {% capture bs_button_html %}<a href="{{button_href}}" class="btn {{button_class}}"><i class="{{icon_family}} {{icon_family}}-{{button_icon}} {{icon_family}}-{{button_icon_size}} {{icon_family}}-{{button_icon_color}} mr-1"></i> {{button_text}} </a>{% endcapture %}
+      {% capture bs_button_html %}<a href="{{button_href}}" class="{{button_class}}"><i class="{{icon_family}} {{icon_family}}-{{button_icon}} {{icon_family}}-{{button_icon_size}} {{icon_family}}-{{button_icon_color}} mr-1"></i> {{button_text}} </a>{% endcapture %}
     {% else %}
       {% capture bs_button_html %}<!-- INFO: No valid value for parameter href found. -->{% endcapture %}
     {% endif %}
 
   {% when 'input' %}
   {% comment %} Create BS link button
-  ------------------------------------------------------------- {% endcomment %}
+  ------------------------------------------------------------------------------ {% endcomment %}
 
   {% when 'submit' %}
   {% comment %} Create BS link button
-  ------------------------------------------------------------- {% endcomment %}
+  ------------------------------------------------------------------------------ {% endcomment %}
 
 
   {% when 'card' %}
   {% comment %} Create BS card button
-  ------------------------------------------------------------- {% endcomment %}
+  ------------------------------------------------------------------------------ {% endcomment %}
 
     {% for item in button_data %}
 
@@ -110,7 +110,7 @@
     {% endfor %}
 
     {% if button_href %}
-      {% capture bs_button_html %}<a href="{{button_href}}" class="btn {{button_class}}"><i class="{{icon_family}} {{icon_family}}-{{button_icon}} {{icon_family}}-{{button_icon_size}} {{icon_family}}-{{button_icon_color}} mr-1"></i> {{button_text}} </a>{% endcapture %}
+      {% capture bs_button_html %}<a href="{{button_href}}" class="{{button_class}}"><i class="{{icon_family}} {{icon_family}}-{{button_icon}} {{icon_family}}-{{button_icon_size}} {{icon_family}}-{{button_icon_color}} mr-1"></i> {{button_text}} </a>{% endcapture %}
     {% else %}
       {% capture bs_button_html %}<!-- INFO: No valid value for parameter href found. -->{% endcapture %}
     {% endif %}
@@ -119,7 +119,7 @@
 {% endcase %}
 
 {% comment %} Reset Liquid vars
---------------------------------------------------------------- {% endcomment %}
+-------------------------------------------------------------------------------- {% endcomment %}
 
 {% assign button_text       = nil %}
 {% assign button_class      = nil %}