RubyGems - j1-template - Versions diffs - 2020.0.15 → 2020.0.20 - Mend

j1-template 2020.0.15 → 2020.0.20

Files changed (371) hide show

data/assets/themes/j1/modules/mmenuLight/css/theme/uno.css CHANGED

@@ -1,19 +1,15 @@
 /*
  # -----------------------------------------------------------------------------
- #  ~/assets/themes/j1/modules/mmenu_light/css/theme/uno.css
- #  Provides theme styles (Uno) for Mobile Menu light (v3.0.5)
+ # ~/theme_uno/modules/mmenuLight/css/theme/mmenu.css
+ # Provides MMenu styles for theme Uno
  #
- #  Product/Info:
- #  https://jekyll.one
- #  https://github.com/FrDH/mmenu-light
+ # Product/Info:
+ # https://jekyll.one
  #
- #  Copyright (C) 2020 Juergen Adams
- #  Copyright (C) 2015-2020 Fred Heusschen
+ # 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
- #  Mmenu Light is licensed under the CC-BY-4.0 License.
- #  See: http://creativecommons.org/licenses/by/4.0/
+ # J1 Template is licensed under MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
  # -----------------------------------------------------------------------------
 */
@@ -53,7 +49,7 @@ NOTE: For unknown reason, style "mm-ocd--left" is NOT applied correctly
 -------------------------------------------------------------------------------- */
 /* Large desktop */
-@media only screen and (min-width: 1200px) {
+@media (min-width: 1200px) {
   .mm-ocd {
     top: 80px; /* drawer top offset to NAV bar */
   }
@@ -63,7 +59,7 @@ NOTE: For unknown reason, style "mm-ocd--left" is NOT applied correctly
 }
 /* Desktop */
-@media only screen and (min-width: 992px) {
+@media (min-width: 992px) {
   .mm-ocd {
     top: 80px; /* drawer top offset to NAV bar */
   }
@@ -73,18 +69,18 @@ NOTE: For unknown reason, style "mm-ocd--left" is NOT applied correctly
 }
 /* Desktop 2 (intermediate|responsive size) */
-@media only screen and (min-width: 768px) and (max-width: 992px) {
+@media (min-width: 768px) and (max-width: 992px) {
   .mm-ocd {
-    top: 64px; /* drawer top offset to NAV bar */
+    top: 48px; /* drawer top offset to NAV bar */
   }
   .mm-ocd__content {
       background-color: #191919;
   }
 }
 /* Landscape iPad, 768px */
-@media only screen and (min-width: 576px) and (max-width: 768px){
+@media (min-width: 576px) and (max-width: 768px){
   .mm-ocd {
-    top: 64px; /* drawer top offset to NAV bar */
+    top: 48px; /* drawer top offset to NAV bar */
   }
   .mm-ocd__content {
       background-color: #191919;
@@ -92,9 +88,9 @@ NOTE: For unknown reason, style "mm-ocd--left" is NOT applied correctly
 }
 /* Small devices (landscape phones, up to 576px) */
-@media only screen and (max-width: 576px) {
+@media (max-width: 576px) {
   .mm-ocd {
-    top: 64px; /* drawer top offset to NAV bar */
+    top: 48px; /* drawer top offset to NAV bar */
   }
   .mm-ocd__content {
       background-color: #191919;

data/assets/themes/j1/modules/mmenuLight/css/theme/uno.min.css CHANGED

@@ -1,170 +1,15 @@
 /*
  # -----------------------------------------------------------------------------
- #  ~/assets/themes/j1/modules/mmenu_light/css/theme/uno.css
- #  Provides theme styles (Uno) for Mobile Menu light (v3.0.5)
+ # ~/theme_uno/modules/mmenuLight/css/theme/mmenu.min.css
+ # Provides  styles for theme Uno
  #
- #  Product/Info:
- #  https://jekyll.one
- #  https://github.com/FrDH/mmenu-light
+ # Product/Info:
+ # https://jekyll.one
  #
- #  Copyright (C) 2020 Juergen Adams
- #  Copyright (C) 2015-2020 Fred Heusschen
+ # 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
- #  Mmenu Light is licensed under the CC-BY-4.0 License.
- #  See: http://creativecommons.org/licenses/by/4.0/
+ # J1 Template is licensed under MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
  # -----------------------------------------------------------------------------
 */
-/*
-  jadams, 2020-06-20: CSS/Offset to the NAV bar should be calculated
-  at runtime as a dyn style
-*/
-/* CSS overwrites
-   ----------------------------------------------------------------------------- */
-/* Drawer */
-.mm-ocd--left .mm-ocd__content {
-  background-color: #212121;
-}
-.mm-ocd--right .mm-ocd__content {
-  background-color: #212121;
-}
-/* Responsive */
-/* jadams, 2020-07-02: media query for MMenu
---------------------------------------------------------------------------------
-NOTE: For unknown reason, style "mm-ocd--left" is NOT applied correctly
-      like "mm-ocd--right" what cause the wrong background-color
-      As a workaround, the background-color is added to the media
-      queries as well (but MUST be removed if fixed!!!)
--------------------------------------------------------------------------------- */
-/* Large desktop */
-@media only screen and (min-width: 1200px) {
-  .mm-ocd {
-    top: 80px; /* drawer top offset to NAV bar */
-  }
-  .mm-ocd__content {
-      background-color: #212121;
-  }
-}
-/* Desktop */
-@media only screen and (min-width: 992px) {
-  .mm-ocd {
-    top: 80px; /* drawer top offset to NAV bar */
-  }
-  .mm-ocd__content {
-      background-color: #212121;
-  }
-}
-/* Desktop 2 (intermediate|responsive size) */
-@media only screen and (min-width: 768px) and (max-width: 992px) {
-  .mm-ocd {
-    top: 64px; /* drawer top offset to NAV bar */
-  }
-  .mm-ocd__content {
-      background-color: #212121;
-  }
-}
-/* Landscape iPad, 768px */
-@media only screen and (min-width: 576px) and (max-width: 768px){
-  .mm-ocd {
-    top: 64px; /* drawer top offset to NAV bar */
-  }
-  .mm-ocd__content {
-      background-color: #212121;
-  }
-}
-/* Small devices (landscape phones, up to 576px) */
-@media only screen and (max-width: 576px) {
-  .mm-ocd {
-    top: 64px; /* drawer top offset to NAV bar */
-  }
-  .mm-ocd__content {
-      background-color: #212121;
-  }
-}
-/* Navigator */
-.mm-spn.mm-spn--navbar:after {
-  text-align: left;  /* jadams, 2020-06-20: set menu title to the left */
-  font-size: x-large; /* jadams, 2020-06-20: increase size of the menu title */
-}
-/* Themes */
-/* jadams, 2020-06-20: set j1 template colors (dark theme) */
-.mm-spn.mm-spn--dark {
-  color: #e3e3e3;
-  background: #191919
-}
-/* Sidebar (Drawer)
-   ----------------------------------------------------------------------------- */
-.mm-side {
-    margin: 1.5rem;
-}
-.mm-side .widget {
-    position: relative;
-    z-index: 1;
-    margin-bottom: 25px
-}
-.mm-side .widget .title {
-    color: #fff;
-    margin-bottom: 15px;
-    border-left: 3px solid #204a87;
-    padding-left: 5px
-}
-.mm-side .widget .heading {
-    text-align: left;
-    color: #eee;
-    font-size: 18px;
-    text-transform: uppercase;
-    position: relative;
-    margin-bottom: 10px;
-    padding-bottom: 10px
-}
-.mm-side .widget ul.link {
-    font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
-    font-size: 14px;
-    padding: 0;
-    margin: 0;
-    list-style: none;
-    line-height: 1.5rem;
-}
-.mm-side .widget ul.link li a {
-    color: #aaa
-}
-.mm-side .widget ul.link li a:focus,.mm-side .widget ul.link li a:hover {
-    color: #fafafa;
-    text-decoration: none;
-    font-weight: 500;
-}
-/* Navigation (Menu)
-   ----------------------------------------------------------------------------- */
-.mm-spn a:hover {
-    /* color: #fafafa; */
-    text-decoration: none;
-    font-weight: 500;
-}
-/* jadams, 2020-07-03: added hover to global style */
-a.toc-link:hover {
-    color: #fafafa;
-    text-decoration: none;
-    font-weight: 500;
-}
+.mm-ocd--left .mm-ocd__content{background-color:#191919}.mm-ocd--right .mm-ocd__content{background-color:#191919}.mmenu-item.active,.mmenu-item:active{text-decoration:none;background-color:#607d8b}@media(min-width:1200px){.mm-ocd{top:80px}.mm-ocd__content{background-color:#191919}}@media(min-width:992px){.mm-ocd{top:80px}.mm-ocd__content{background-color:#191919}}@media(min-width:768px) and (max-width:992px){.mm-ocd{top:48px}.mm-ocd__content{background-color:#191919}}@media(min-width:576px) and (max-width:768px){.mm-ocd{top:48px}.mm-ocd__content{background-color:#191919}}@media(max-width:576px){.mm-ocd{top:48px}.mm-ocd__content{background-color:#191919}}.mm-spn.mm-spn--navbar:after{text-align:left;font-size:x-large}.mm-spn.mm-spn--dark{color:#e3e3e3;background:#191919}.mm-side{margin:1.5rem}.mm-side .widget{position:relative;z-index:1;margin-bottom:25px}.mm-side .widget .title{color:#fff;margin-bottom:15px;border-left:3px solid #204a87;padding-left:5px}.mm-side .widget .heading{text-align:left;color:#eee;font-size:18px;text-transform:uppercase;position:relative;margin-bottom:10px;padding-bottom:10px}.mm-side .widget ul.link{font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;padding:0;margin:0;list-style:none;line-height:1.5rem}.mm-side .widget ul.link li a{color:#aaa}.mm-side .widget ul.link li a:focus,.mm-side .widget ul.link li a:hover{color:#fafafa;text-decoration:none;font-weight:500}.mm-spn a:hover{color:#fafafa;text-decoration:none;font-weight:500}a.toc-link:hover{color:#fafafa;text-decoration:none;font-weight:500}

data/assets/themes/j1/modules/tocbot/css/theme/uno.css CHANGED

@@ -1,26 +1,19 @@
 /*
  # -----------------------------------------------------------------------------
- #  ~/assets/themes/j1/modules/tocbot/css/theme/uno.css
- #  Provides theme styles for the toc navigation based on Tim Scanlin's Tocbot
+ # ~/assets/themes/j1/modules/tocbot/css/theme/uno.css
+ # Provides Tocbot styles for theme Uno
  #
- #  Product/Info:
- #  https://jekyll.one
- #  https://tscanlin.github.io/tocbot
+ # Product/Info:
+ # https://jekyll.one
  #
- #  Copyright (C) 2016 Tim Scanlin
- #  Copyright (C) 2020 Juergen Adams
+ # Copyright (C) 2020 Juergen Adams
  #
- #  J1 Template is licensed under MIT License.
- #  See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
- #  Tocbot is licensed under MIT License.
- #  See: https://github.com/tscanlin/tocbot/blob/master/LICENSE
+ # J1 Template is licensed under MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+ # NOTE: Several styles are moved to ~/assets/themes/j1/adapter/js/toccer.js
+ # 			 to set CSS styles fo selected theme dynamically
  # -----------------------------------------------------------------------------
-*/
-/* STYLES
- * NOTE: Several styles are moved to ~/assets/themes/j1/adapter/js/toccer.js
- * 			 to set CSS styles fo selected theme dynamically
- * -----------------------------------------------------------------------------
 */
 .toc {
@@ -42,14 +35,14 @@
 }
 a.toc-link {
-  color: #757575;	                                                              /* md-grey-600 */
+  color: #BDBDBD;	                                                              /* md-grey-400 */
   height: 100%;
   font-size: 1rem;                                                              /* jadams, 2017-12-13: added font-size for toc-link */
 }
 /* jadams, 2020-07-03: added hover to global style */
 a.toc-link:hover {
-  color: #fafafa;
+  color: #FAFAFA !important;                                                               /* md-grey-50 */
   text-decoration: none;
   font-weight: 700;
 }

data/assets/themes/j1/modules/tocbot/css/theme/uno.min.css CHANGED

@@ -1,89 +1,15 @@
 /*
  # -----------------------------------------------------------------------------
- #  ~/assets/themes/j1/modules/tocbot/css/theme/uno.css
- #  Provides theme styles for the toc navigation based on Tim Scanlin's Tocbot
+ # ~/assets/themes/j1/modules/tocbot/css/theme/uno.min.css
+ # Provides Tocbot styles for theme Uno
  #
- #  Product/Info:
- #  https://jekyll.one
- #  https://tscanlin.github.io/tocbot
+ # Product/Info:
+ # https://jekyll.one
  #
- #  Copyright (C) 2016 Tim Scanlin
- #  Copyright (C) 2020 Juergen Adams
+ # Copyright (C) 2020 Juergen Adams
  #
- #  J1 Template is licensed under MIT License.
- #  See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
- #  Tocbot is licensed under MIT License.
- #  See: https://github.com/tscanlin/tocbot/blob/master/LICENSE
+ # J1 Template is licensed under MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
  # -----------------------------------------------------------------------------
 */
-/* STYLES
- * NOTE: Several styles are moved to ~/assets/themes/j1/adapter/js/toccer.js
- * 			 to set CSS styles fo selected theme dynamically
- * -----------------------------------------------------------------------------
-*/
-.toc {
-  overflow-y: auto;
-}
-.toc > .toc-list {
-  overflow: hidden;
-  position: relative;
-}
-.toc > .toc-list li {
-  list-style: none;
-}
-.toc-list {
-  margin: 0;
-  padding-left: 10px;
-}
-a.toc-link {
-  color: #757575;	                                                              /* md-grey-600 */
-  height: 100%;
-  font-size: 1rem;                                                              /* jadams, 2017-12-13: added font-size for toc-link */
-}
-/* jadams, 2020-07-03: added hover to global style */
-a.toc-link:hover {
-  color: #fafafa;
-  text-decoration: none;
-  font-weight: 700;
-}
-.is-collapsible {
-  max-height: 1000px;
-  overflow: hidden;
-  transition: all 300ms ease-in-out;
-}
-.is-collapsed {
-  max-height: 0;
-}
-.is-position-fixed {
-  position: fixed !important;
-  top: 0;
-}
-.is-active-link {
-  font-weight: 700;
-}
-.toc-link::before {
-  background-color: #E0E0E0;	                                                  /* md-grey-300 */
-  content: ' ';
-  display: inline-block;
-  height: inherit;
-  left: 0;
-  margin-top: -1px;
-  position: absolute;
-  width: 2px;
-}
-.is-active-link::before {
-  background-color: #757575;	                                                  /* md-grey-600, was: #54BC4B */
-}
+.toc{overflow-y:auto}.toc>.toc-list{overflow:hidden;position:relative}.toc>.toc-list li{list-style:none}.toc-list{margin:0;padding-left:10px}a.toc-link{color:#bdbdbd;height:100%;font-size:1rem}a.toc-link:hover{color:#fafafa!important;text-decoration:none;font-weight:700}.is-collapsible{max-height:1000px;overflow:hidden;transition:all 300ms ease-in-out}.is-collapsed{max-height:0}.is-position-fixed{position:fixed!important;top:0}.is-active-link{font-weight:700}.toc-link::before{background-color:#e0e0e0;content:' ';display:inline-block;height:inherit;left:0;margin-top:-1px;position:absolute;width:2px}.is-active-link::before{background-color:#757575}

data/assets/themes/j1/modules/twemoji/css/picker/twemoji-picker.css ADDED

@@ -0,0 +1,153 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/twemoji/css/picker/twemoji-picker.css
+ # Provides styles for the Twitter Emoji Picker
+ #
+ # Product/Info:
+ # https://jekyll.one
+ # https://github.com/xLs51/Twemoji-Picker
+ #
+ # Copyright (C) 2020 Juergen Adams
+ # Copyright (C) 2015 xLs51
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # Twemoji-Picker is licensed under under the MIT License.
+ # For details, https://github.com/xLs51/Twemoji-Picker
+ # -----------------------------------------------------------------------------
+*/
+ul.emoji-list * {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+ul.emoji-list li {
+  font-size: 36px;
+  float: left;
+  display: inline-block;
+  padding: 2px;
+  margin: 4px;
+}
+img.emoji {
+  cursor: pointer;
+  height: 1em;
+  width: 1em;
+  margin: 0 .05em 0 .1em;
+  vertical-align: -0.1em;
+}
+.twemoji-wrap {
+  position: relative;
+}
+.twemoji-wrap img {
+  margin: 0 .05em 0 .1em;
+  vertical-align: -0.1em;
+}
+.twemoji-textarea {
+  background-color: #FFF;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+  height: 100%;
+  padding: 6px 30px 6px 12px;
+  overflow-y: auto;
+}
+.twemoji-textarea[contentEditable=true]:empty:before {
+  content: attr(placeholder);
+  color: #9E9E9E;
+}
+.twemoji-picker {
+  background-color: #fff;
+  border: 1px solid #e7e7e7;
+  border-radius: 3px;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+  position: absolute;
+  right: 0;
+  z-index: 1;
+}
+.twemoji-icon-picker {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+.twemoji-icon-picker img {
+  //position: absolute;
+  right: 21px;
+  top: 6px;
+}
+.twemoji-icon-picker img,
+.twemoji-picker img {
+  cursor: pointer;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.twemoji-picker-category {
+  background-color: #e7e7e7;
+}
+.twemoji-picker-category img {
+  padding: 5px;
+}
+.twemoji-picker-category .active,
+.twemoji-picker-category span:hover {
+  border-bottom: 2px solid #728691;
+  line-height: 22px;
+}
+.twemoji-picker-category .close {
+  cursor: pointer;
+  float: right;
+  font-size: 25px;
+  font-weight: 700;
+  line-height: 1;
+  margin-right: 2px;
+  opacity: .5;
+}
+.twemoji-picker-category .close:hover {
+  opacity: .3
+}
+.twemoji-list {
+  //overflow-y: scroll;
+  margin-top: 1.5rem;
+  margin-left: 1.5rem;
+  overflow-y: auto;
+}
+.twemoji-list img {
+  margin-top: 2px;
+  padding: 5px;
+}
+.twemoji-list img:hover {
+  background-color: #e7e7e7;
+}
+div.copied {
+    position: fixed;
+    top: 100px;
+    left: 50%;
+    width: 200px;
+    text-align: center;
+    color: $grey-50;
+    background-color: $blue;
+//  border: 1px solid $indigo;
+    padding: 10px 15px;
+    border-radius: 4px;
+    margin-left: -100px;
+//  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+}