v1.1.2

CHANGELOG.md

@@ -27,5 +27,11 @@
 # v1.1.1
 ##  04/18/2019
 
-1. [](#bug)
+1. [](#bugfix)
     * Fixed bug with content width in default template
+
+# v1.1.2
+##  04/19/2019
+
+1. [](#bugfix)
+    * Fixed compatibility issue with mathjax plugin

README.md

@@ -32,7 +32,7 @@ The theme provides several options. If you are using the admin panel, you can ea
 ##### Responsive settings
 * **Desktop Mode.** If enabled, the off-canvas-menu is always open if screen is wider than the `Desktop min width` value, which can be set below. 
 * **Desktop min width (pixels).** Applies only in desktop mode. If the screen width is wider than the given amount of pixels, the off-canvas menu is always open.
-* **Parent pages routable in menu.** If you have pages with subpages (parents) and you want these parents to be routable from the menu, use this option. **Please note: ** If you do not use desktop-mode or - when in desktop mode - the screen-width is smaller then the amount set above, the menu closes each time you click a parent.
+* **Parent pages routable in menu.** If you have pages with subpages and you want these parent-parents to be routable from the menu because you like to place content there, you can use this. The page will only be opened, if it existis and if you do not set `routable: false` in the frontmatter of the page. Otherwise, the subpages are only expanded in the menu. **Please note: ** If you do not use desktop-mode or - when in desktop mode - the screen-width is smaller then the amount set above, the menu closes each time you click a parent.
 
 ## Templates
 
@@ -68,7 +68,7 @@ which renders like:
     ...
 ```
 
-Note: Actually you dont even need this template. To generate the TOC without the template, you may simply enable Markdown-Extra and wrap the above Markdown in a
+Note: Actually you dont even need this template. To generate the TOC without the template, you may simply enable markdown-extra and wrap the above markdown in a
 ```
 <div class="toc-page" markdown="1">
 ...

blueprints.yaml

@@ -1,5 +1,5 @@
 name: Vela
-version: 1.1.1
+version: 1.1.2
 description: A simple app-like mobile first and content-focused Grav Theme
 icon: rebel
 author:
@@ -26,7 +26,7 @@ form:
           help:  If you do not worry about styling, just enter a short title. But you can also provide a HTML string with inline styles here to easily style the title in the menu.
         hamburger_animation:
           type: text
-          label: Specify the hamburger animation. <a href="https://jonsuh.com/hamburgers/">Reference</a>
+          label: Specify the hamburger animation. <a href="https://jonsuh.com/hamburgers/">Reference</a> 
     sec2:
       type: section
       title: Markdown Notices Settings
@@ -67,7 +67,7 @@ form:
             default: 1200
         parents_routable:
             type: toggle
-            label: Parent pages routable in menu. Careful, read info!
+            label: Parent pages routable in menu. Careful, read documentation!
             help: If you have (routable) pages with subpages (parents) and you want these parents to be routable from the menu, use this option. Be careful! The menu closes each time you click a parent if you do not use dektop mode, which makes browsing your website hard since the menu closes each time you click a routable parent.
             highlight: 1
             default: 0

css-compiled/main.css

@@ -183,12 +183,10 @@
 }
 
 .sidebar-nav .metismenu ul ul {
-  background: rgba(255, 255, 255, 0.02);
+  background: rgba(255, 255, 255, 0.03);
 }
 
-.sidebar-nav .metismenu a:hover,
-.sidebar-nav .metismenu .metismenu a:focus,
-.sidebar-nav .metismenu a:active {
+.sidebar-nav .metismenu a:hover, .sidebar-nav .metismenu a:focus, .sidebar-nav .metismenu a:active {
   color: #f8f9fa;
   text-decoration: none;
   background: #455a64;
@@ -837,7 +835,7 @@ body {
   margin-bottom: 50px;
 }
 
-.content * {
+.content img, .content div {
   max-width: 100%;
 }
 

scss/main.scss

@@ -7,8 +7,8 @@ $link-hover-color: darken($link-color, 15%);
 @import "partials/sidebar";
 @import "partials/slideout";
 @import "partials/hamburgers"; 
-@import 'partials/typography';
-@import "partials/default";   
+@import 'partials/typography'; 
+@import "partials/default";
 
 
 

scss/partials/_default.scss

@@ -27,8 +27,8 @@ body {
     padding: 0 1em;
     max-width: 1170px;
     margin-bottom: 50px;
-    * {
-        max-width: 100%;
+    img, div{ 
+        max-width: 100%; 
     }
 }
 

scss/partials/_sidebar.scss

@@ -1,6 +1,7 @@
 $menu-bg-color:#1f1f1f;
 $menu-sec-color: #455a64;
 $menu-font-color: #adb5bd;
+$hover-active-font-color: #f8f9fa;
 .sidebar-nav {
     background: $menu-bg-color;
     a,
@@ -34,43 +35,41 @@ $menu-font-color: #adb5bd;
             padding: 15px 15px;
             color: $menu-font-color;
             outline-width: 0;
-            transition: all .2s ease-in-out; 
+            transition: all .2s ease-in-out;
         }
         ul>li {
             padding-left: 1px;
-            border-left: 3px solid $menu-sec-color; 
+            border-left: 3px solid $menu-sec-color;
             background: rgba(255, 255, 255, .05);
         }
         ul ul {
-            background: rgba(255, 255, 255, .02);
+            background: rgba(255, 255, 255, .03);
         }
-        a:hover,
-        .metismenu a:focus,
-        a:active {
-            color: #f8f9fa;
+        a:hover,a:focus,a:active {
+            color: $hover-active-font-color;
             text-decoration: none;
             background: $menu-sec-color;
         }
         a[aria-expanded="true"] {
             background-color: $menu-sec-color;
         }
-        .active-page{
+        .active-page {
             font-weight: 500;
-            color: #f8f9fa;
+            color: $hover-active-font-color;
         }
     }
 }
 
 .sidebar-brand {
     display: flex;
-    color: #f8f9fa;
+    color: $hover-active-font-color;
     height: 65px;
     line-height: 20px;
     justify-content: center;
     align-content: center;
     align-items: center;
     width: 100%;
-    &:hover{
-      color: $menu-font-color;
+    &:hover {
+        color: $menu-font-color;
     }
 }

vela.yaml

@@ -8,4 +8,4 @@ notice:
     yellow: "Info"
     red: "Warning"
     blue: "Note"
-    green: "Tip"
+    green: "Tip"