j1-template 2020.0.4 → 2020.0.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9ed33fae1215efb36d11eb406cdf2b4f724505c2a91e56a8154df048cf9f808c
-  data.tar.gz: fc8619dd7bdf3d5fd758636680651ef196e1a3b4c110bc9499e7922e48ef1a53
+  metadata.gz: c125517dc4e0ca43a01d25e1d2dbb7f2bf31f23f8882c67198755c86e969dc58
+  data.tar.gz: 7f712b5ee752524b4dcb3a82105f4f077c35548959471d9e84d8051055dea281
 SHA512:
-  metadata.gz: cd83535639e49facaa4f1edcb0754a403d32794737540c58121f82cb0496d79d56b76ff40a3d148c59f3d68281b95383e97ba023f860f8d78018df46f8329c2c
-  data.tar.gz: 2e4a397041b0610b5e1df1f82676e477682e992f9df10439040a6be890a0924ff937cf9cc4ead97897aa7f3212586d37f122d887b9081be6e6071c037d796d8f
+  metadata.gz: 283075f0d84f1220e9d81b760780e832d074f5cbd0889aa7afbc26794b5bf07db81e23fec5cb1eba1a84315e87e9a0cfd7e967521a04123e7ed281c45daf7bf7
+  data.tar.gz: dbc293ceac25461a79ad4db4ea4fe2b82a69fd5df878f4b4521872ef6d33849a90230a48024e4ca2e9b86935e735edc6bdf4e4749bacd6d312b1d1ebfd797d90

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

@@ -67,7 +67,7 @@
 -------------------------------------------------------------------------------- {% endcomment %}
   <!-- [INFO   ] [j1.layout.content_generator_blog.html  ] [Begin content] -->
   <!-- split page to place a sidebar e.g. the document TOC -->
-  <div class="container mb-5">
+  <div class="container mr-5 mb-5">
     <div class="row">
 
       <!-- main class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content" -->

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

@@ -62,7 +62,7 @@
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
   <!-- [INFO   ] [j1.layout.content_generator_coll.html  ] [ begin content ] -->
-  <div class="container mb-5">
+  <div class="container mr-5 mb-5">
     <div class="row">
 
     {% comment %} COLLECTION content

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

@@ -61,7 +61,7 @@
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ begin content ] -->
-<div class="container mb-5">
+<div class="container mr-5 mb-5">
   <div class="row">
 
     {% if sidebar == false %}

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

@@ -65,9 +65,9 @@
 -------------------------------------------------------------------------------- {% endcomment %}
 <!-- [INFO   ] [j1.layout.content_generator_post.html ] [ begin content ] -->
 {% if page.comments %}
-  <div class="container mb-0">
+  <div class="container mr-5 mb-0">
 {% else %}
-  <div class="container mb-5"> <!-- Add additional space between end of article and the footer -->
+  <div class="container mr-5 mb-5"> <!-- Add additional space between end of article and the footer -->
 {% endif %}
 
 

data/_includes/themes/j1/modules/navigator/generator.html

@@ -56,6 +56,9 @@
 {% assign cookiebar_defaults          = site.data.modules.defaults.cookiebar.defaults %}
 {% assign cookiebar_settings          = site.data.modules.cookiebar.settings %}
 
+{% assign ssm_settings                = modules.ssm.settings %}
+{% assign ssm_defaults                = modules.defaults.ssm.defaults %}
+
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign nav_bar_defaults            = navigator_defaults.nav_bar %}
@@ -81,6 +84,7 @@
 {% assign authentication_options      = authentication_defaults | merge: authentication_settings %}
 {% assign auth_manager_options        = authentication_options.j1_auth %}
 {% assign nav_mmenu_options           = nav_mmenu_defaults | merge: nav_mmenu_settings %}
+{% assign ssm_options                 = ssm_defaults | merge: ssm_settings %}
 
 {% comment %} Set navBarOptions
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -112,11 +116,17 @@
 
 {% capture nav_bar_default_css_classes %}navbar navigator navbar-expand-{{nav_navbar_media_breakpoint}} navbar-default{% endcapture %}
 
-
-
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 
+{% comment %} Generate SSM container
+-------------------------------------------------------------------------------- {% endcomment %}
+<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ check for ssm ] -->
+{% if ssm_options.enabled %}
+<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place ssm container for AJAX load ] -->
+<nav id="ssm-container" class="ssm-btns-right ssm-anim-slide no-r-text"></nav>
+{% endif %}
+
 {% comment %} Generate TopSearch container
 -------------------------------------------------------------------------------- {% endcomment %}
 <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ check for topsearch ] -->
@@ -169,8 +179,8 @@
     {% else %}
       <a id="navbar-brand" class="navbar-brand animated" href="#" "> <b><font color="{{site.brand.text_color}}">{{ site.brand.text }}</font></b></a>
     {% endif %}
-    <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place menu toggler to the: left ] -->
-    <button id="navbar-toggler" type="button" class="navigator navbar-toggler animated fadeIn" data-toggle="collapse" data-target="#{{nav_menu_id}}" aria-controls="{{nav_menu_id}}" aria-expanded="false" aria-label="Toggle navigation">
+    <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place mobile menu button to the: left ] -->
+    <button id="mmenu-button" type="button" class="navigator navbar-toggler animated fadeIn" data-toggle="collapse" data-target="#{{nav_menu_id}}" aria-controls="{{nav_menu_id}}" aria-expanded="false" aria-label="Toggle navigation">
       <i class="mdi mdi-menu mdi-48px"></i>
     </button>
   {% else %}

data/assets/data/menu.html

@@ -7,7 +7,8 @@ regenerate:                             true
 {% comment %}
  # -----------------------------------------------------------------------------
  # ~/assets/data/menu.html
- # Liquid procedure to generate HTML portion of the main menu bar
+ # Liquid procedure to generate HTML portion of the main menu
+ # for the desktop version
  # NOTE: Loaded dynamically by J1 NAV Manager module (AJAX)
  #
  # Product/Info:

data/assets/data/mmenu.html

@@ -6,8 +6,8 @@ regenerate:                             true
 
 {% comment %}
  # -----------------------------------------------------------------------------
- # ~/assets/data/menu.html
- # Liquid procedure to generate HTML portion of the main menu bar
+ # ~/assets/data/mmenu.html
+ # Liquid procedure to generate HTML portion of the mobile menu
  # NOTE: Loaded dynamically by J1 NAV Manager module (AJAX)
  #
  # Product/Info:

data/assets/data/quicklinks.html

@@ -208,8 +208,6 @@ regenerate:                             true
 <!-- [INFO   ] [j1.modules.navigator.quicklinks.html  ] [Set icon familiy as: {{ icon_family }}] -->
 <!-- [INFO   ] [j1.modules.navigator.quicklinks.html  ] [Set icon size as: {{ icon_size }}] -->
 
-{% assign show_toc_icon = true %}
-
 <ul class="navbar-nav">
   {% if back_url != "none" %}<li id="quickLinksHomeButton" class="nav-item"><a id="page_back_id" class="nav-icon" href="{{back_url}}"><i class="{{icon_family}} {{icon_family}}-{{back_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if home_url != "none" %}<li id="quickLinksHomeButton" class="nav-item"><a id="home_id" class="nav-icon" href="{{home_url}}"><i class="{{icon_family}} {{icon_family}}-{{home_icon}} {{icon_size}}"></i></a></li>{% endif %}
@@ -224,7 +222,6 @@ regenerate:                             true
   {% if show_quick_search_icon %}<li id="quickLinksSearchButton" class="nav-item search"><a class="nav-icon" href="#"><i class="{{icon_family}} {{icon_family}}-{{search_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if show_control_center_icon %}<li id="quickLinksControlCenterButton" class="nav-item control-center" style="display: block;"><a class="nav-icon" href="{{control_center_url}}"><i class="{{icon_family}} {{icon_family}}-{{control_center_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if show_r_text_icon %}<li id="quickLinksRTextButton" class="nav-item control-center" style="display: block;"><a class="nav-icon" href="#" data-toggle="modal" data-target="#fluidModalRTextResizer"><i class="{{icon_family}} {{icon_family}}-{{r_text_icon}} {{icon_size}}"></i></a></li>{% endif %}
-  {% if show_toc_icon %}<li id="quickLinksTocButton" class="nav-item"><a id="toc-toggler" class="nav-icon" href="#"><i class="{{icon_family}} {{icon_family}}-{{toc_icon}} {{icon_size}}"></i></a></li>{% endif %}
 </ul>
 
 mdi-menu

data/assets/data/ssm.html

@@ -0,0 +1,227 @@
+---
+regenerate:                             true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/data/ssm.html
+ # Liquid procedure to generate HTML portion for the Sticky Side Menu
+ # container
+ #
+ # NOTE: Loaded dynamically by J1 NAV Manager module (AJAX)
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # 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
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #    {{variable | debug}}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures (unused)
+--------------------------------------------------------------------------------
+{% capture select_color     %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
+{% capture select_icon_size %}themes/{{site.template.name}}/procedures/global/select_icon_size.proc{% endcapture %}
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Liquid var initialization
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign site_config     = site %}
+{% assign template_config = site.data.template_settings %}
+{% assign modules         = site.data.modules %}
+
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign ssm_settings    = modules.ssm.settings %}
+{% assign ssm_defaults    = modules.defaults.ssm.defaults %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign ssm_options     = ssm_defaults | merge: ssm_settings %}
+{% assign ssm_menu_config = ssm_options.items %}
+
+{% comment %} Set permalink setting
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign ext = '' %}
+{% if site.permalink == 'none' %}
+  {% assign ext = '.html' %}
+{% endif %}
+
+{% comment %} Set base icons and sizes
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign ssm_menu_icon_family         = ssm_options.icon_family %}
+{% assign ssm_menu_icon_style          = ssm_options.icon_style %}
+{% assign ssm_menu_icon_color          = ssm_options.icon_color %}
+{% assign ssm_menu_icon_size           = ssm_options.icon_size %}
+
+{% assign icon_family = ssm_menu_icon_family | strip | downcase %}
+
+{% if icon_family == 'fontawesome' or icon_family == 'fontawesome5' %}
+  {% assign ssm_menu_icon_family  = 'fa' %}
+  {% assign ssm_menu_icon_style   = ssm_menu_icon_style %}
+{% elsif icon_family == 'mdi' %}
+  {% assign ssm_menu_icon_family  = 'mdi' %}
+  {% assign ssm_menu_icon_style   = ssm_menu_icon_style %}
+{% else %}
+  {% assign ssm_menu_icon_family  = 'mdi' %}
+  {% assign ssm_menu_icon_style   = ssm_menu_icon_style %}
+{% endif %}
+
+{% comment %} unused
+--------------------------------------------------------------------------------
+{% include {{select_color}} color=ssm_menu_icon_color fallback="#9E9E9E" %}
+{% assign ssm_menu_icon_color = color %}
+
+{% include {{select_icon_size}} family=ssm_menu_icon_family size=ssm_menu_icon_size %}
+{% assign ssm_menu_icon_size = size %}
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+<!-- [DEBUG  ] [j1.modules.ssm_menu.html  ] [collect all menu items] -->
+  <ul class="ssm-light-hover">
+
+  {% for menu in ssm_menu_config %}
+
+    {% comment %} {{menu | debug}}
+    ---------------------------------------------------------------------------- {% endcomment %}
+
+    {% comment %} Identify the menu (item) type
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% if menu.sublevel %}
+      {% assign menu_type = 'sublevel_menu' %}
+    {% elsif menu.sublevel == null and menu.megamenu == null and menu.login_menu == null and menu.theme_select == null %}
+      {% assign menu_type = 'top_level_item' %}
+    {% endif %}
+
+    {% comment %} Process all menu sections
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% case menu_type %}
+
+    {% comment %} Collect items having a SUB menue
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% when 'sublevel_menu' %}
+      <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [found menu-type: sub-menue] -->
+      <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [submenu sublevel detected] -->
+      {% if menu.enabled %}
+      <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [processing: sublevel] -->
+      <li class="ssm-share-btn ssm-btn">
+        {% if menu.icon == null %}
+          <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [no menu icon found] -->
+          <a href="#">{{menu.item}}>
+            <i class="{{ssm_menu_icon_family}} {{ssm_menu_icon_family}}-{{menu.icon}} {{menu.icon_classes}} {{ssm_menu_icon_color}} {{ssm_menu_icon_size}} ml-2 mr-3"></i>
+            {{menu.item}}
+          </a>
+        {% else %}
+          <a href="#"> <i class="{{ssm_menu_icon_family}} {{ssm_menu_icon_family}}-{{menu.icon}} {{menu.icon_classes}} {{ssm_menu_icon_color}} {{ssm_menu_icon_size}} ml-2 mr-3"></i>{{menu.item}}</a>
+        {% endif %}
+        <div class="ssm-sub-menu">
+          <ul>
+          {% for sublevel in menu.sublevel %}
+            {% if sublevel.event_handler == null %}
+              <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [no event_handler found, create simple URL ] -->
+              {% if sublevel.icon == null %}
+                <li id="{{sublevel.id}}" class="ssm-btn">
+                  <a href="{{sublevel.href}}{{ext}}">{{sublevel.title}}</a>
+                </li>
+              {% else %}
+                <li id="{{sublevel.id}}" class="ssm-btn">
+                  <a href="{{sublevel.href}}{{ext}}" target="{{sublevel.target}}">{{sublevel.title}}</a>
+                </li>
+              {% endif %}
+            {% else %}
+              <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [event_handler found, register click event ] -->
+              <li id="{{sublevel.id}}" class="ssm-btn">
+                <a href="{{sublevel.href}}{{ext}}" target="{{sublevel.target}}"
+                  onclick="{{sublevel.event_handler}}">
+                  <i class="{{ssm_menu_icon_family}} {{ssm_menu_icon_family}}-{{sublevel.icon}}  {{sublevel.icon_classes}} {{ssm_menu_icon_color}} {{ssm_menu_icon_size}} ml-2 mr-3"></i>
+                  {{sublevel.title}}
+                </a>
+              </li>
+            {% endif %}
+          {% endfor %} <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [end processing: sublevel] -->
+          </ul>
+        </div>
+      </li>
+      {% else %}
+        <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [sublevel menu disabled: {{sublevel.id}}] -->
+      {% endif %}
+
+      <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [reset menu_type for next loop] -->
+    {% assign menu_type = '' %}
+
+    {% comment %} Collect TOP-LEVEL items (NO sub-menu)
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% when 'top_level_item' %}
+
+      <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [found menu-type: menu-top-level-only] -->
+      {% if menu.icon == null %}
+        <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [no icon for menu-item found -->
+        {% if menu.target == null %}
+          <li class="ssm-btn">
+            <a id="{{menu.id}}" href="{{menu.href}}{{ext}}">{{menu.item}}</a>
+          </li>
+        {% else %}
+          <li class="ssm-btn">
+            <a id="{{menu.id}}" href="{{menu.href}}{{ext}}" target="{{menu.target}}">{{menu.item}}</a>
+          </li>
+        {% endif %}
+      {% elsif menu.icon %}
+        <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [icon for menu-item found -->
+        {% if menu.href == null %}
+          {% if menu.enabled  %}
+          <li class="ssm-btn">
+            <!-- a href="{{menu.href}}{{ext}}" -->
+            <a id="{{menu.id}}">
+              <i class="{{ssm_menu_icon_family}} {{ssm_menu_icon_family}}-{{menu.icon}} {{menu.icon_classes}} {{ssm_menu_icon_color}} {{ssm_menu_icon_size}} ml-2 mr-3"></i>
+              {{menu.item}}
+            </a>
+          </li>
+          {% else %}
+            <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [menu item disabled: {{menu.id}}] -->
+          {% endif %}
+        {% else %}
+          {% if menu.enabled %}
+          <li class="ssm-btn">
+            <a id="{{menu.id}}" href="{{menu.href}}{{ext}}" target="{{menu.target}}">
+              <i class="{{ssm_menu_icon_family}} {{ssm_menu_icon_family}}-{{menu.icon}} {{menu.icon_classes}} {{ssm_menu_icon_color}} {{ssm_menu_icon_size}}  ml-2 mr-3"></i>
+              {{menu.item}}
+            </a>
+          </li>
+          {% else %}
+            <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [menu item disabled: {{menu.id}}] -->
+          {% endif %}
+        {% endif %}
+      {% else %}
+        <!-- [FATAL ] [ssm-top-level-only       ] [processing menu item failed] -->
+      {% endif %}
+      <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [menu-top-level-only: end items] -->
+      <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [reset menu_type for next loop] -->
+      {% assign menu_type = '' %}
+
+      {% comment %} Collect items failed
+      -------------------------------------------------------------------------- {% endcomment %}
+      {% else %}
+        <!-- [FATAL  ] [j1.modules.ssm_menu.html  ] [detecting menu items|type failed] -->
+    {% assign menu_type = '' %}
+
+    {% endcase %}
+
+  {% endfor %}
+  <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [nav_menu_settings: end menu] -->
+  </ul>
+  <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [nav_menu_settings: end ssc container] -->
+
+{% endcapture %}
+{{cache | pretty_print | remove:'<html><body>' | remove:'</body></html>' | strip_empty_lines}}
+{% assign cache = nil %}

data/assets/themes/j1/core/css/globals.css

@@ -4153,7 +4153,7 @@
  # -----------------------------------------------------------------------------
 */
 /* Margin Spaces (xs)
-------------------------------------*/
+-------------------------------------------------------------------------------- */
 @media (min-width: 0) {
   .g-ma-0 {
     margin: 0 !important; }

data/assets/themes/j1/core/css/theme_extensions.css

@@ -11450,6 +11450,144 @@ h4.result-item > a:hover {
   font-weight: 400;
   color: #424242; }
 
+/*
+ # -----------------------------------------------------------------------------
+ #  ~/theme_uno/modules/_ssm.scss
+ #  Styles for J1 Sticky Side Menu
+ #
+ #  Product/Info:
+ #  https://jekyll.one
+ #
+ #  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
+ #
+ # -----------------------------------------------------------------------------
+*/
+#ssm-container {
+  position: fixed;
+  top: 0;
+  z-index: 4;
+  display: none; }
+
+.ssm-btns-right {
+  right: 0; }
+
+.ssm-btns-left {
+  left: 0; }
+
+/* jadams, 2020-06-16: */
+.ssm-btn {
+  background: #212121; }
+
+.ssm-share-btn {
+  background: #212121; }
+
+.ssm-sub-menu {
+  background: #212121; }
+
+#ssm-container ul {
+  padding: 0;
+  margin: 0; }
+
+#ssm-container ul li {
+  list-style: none;
+  line-height: 45px;
+  margin: 0; }
+
+#ssm-container ul li a {
+  color: #9e9e9e;
+  padding: 0 15px 0 0;
+  display: inline-flex;
+  line-height: 45px;
+  text-align: left;
+  white-space: nowrap;
+  text-decoration: none; }
+
+#ssm-container.ssm-btns-left ul li a {
+  text-align: right;
+  padding: 0 0 0 15px; }
+
+#ssm-container ul li:hover {
+  text-decoration: none;
+  background: #d2d4dc; }
+
+#ssm-container .ssm-share-btn {
+  position: relative; }
+
+#ssm-container .ssm-share-btn a {
+  padding: 0; }
+
+#ssm-container.ssm-btns-left .ssm-share-btn i.ssm-share-icon {
+  float: right !important; }
+
+#ssm-container ul li.ssm-share-btn:hover .ssm-sub-menu {
+  display: block; }
+
+.ssm-sub-menu {
+  position: absolute;
+  top: 100%;
+  left: 100%;
+  margin: 0 0 0 -50px;
+  width: 155px;
+  display: none; }
+
+#ssm-container.ssm-btns-right .ssm-sub-menu {
+  right: -100%;
+  margin: 0 0 0 -110px;
+  left: 0; }
+
+#ssm-container .ssm-sub-menu a {
+  padding: 0 !important;
+  text-align: left !important; }
+
+/* Old icon font styles */
+/*
+#ssm-container ul li span {
+    line-height: 45px;
+    width: 50px;
+    text-align: center;
+    display: inline-block;
+}
+
+#ssm-container.ssm-btns-left ul li span {
+    float: right;
+}
+
+#ssm-container .ssm-share-btn span,
+#ssm-container.ssm-btns-left .ssm-share-btn span {
+    float: none;
+}
+*/
+/*
+#ssm-container.ssm-anim-icons ul li {
+    transition: transform 100ms;
+}
+
+#ssm-container.ssm-anim-icons.ssm-btns-right ul li:hover {
+    transform: translate(-15px, 0);
+}
+
+#ssm-container.ssm-anim-icons.ssm-btns-left ul li:hover {
+    transform: translate(15px, 0);
+}
+*/
+/* Responsive */
+/* jadams, 2020-06-29: media query for SSM
+-------------------------------------------------------------------------------- */
+/* Landscape iPad, 768px */
+@media only screen and (min-width: 576px) and (max-width: 768px) {
+  .container, .container-fluid {
+    padding-right: 30px !important;
+    /* space for ssm */ } }
+
+/* Small devices (landscape phones, up to 576px) */
+@media only screen and (max-width: 576px) {
+  .container, .container-fluid {
+    padding-right: 30px !important;
+    /* space for ssm */ } }
+
 /*
  # -----------------------------------------------------------------------------
  #  ~/theme_uno/modules/_toccer.scss