Update from Forestry.io - src/_pages/about-us.md

src/_includes/hero.html

@@ -1,7 +1,7 @@
 {% comment %}
     LIQUIDVISUAL-HERO
 
-    - updated: 15.08.16
+    - updated: 08.07.17
     - notes:
         * Multiple items in carousel_slides.yml triggers carousel mode
         * .has-auto-height - caption will detemine height

src/_pages/about-us.md

@@ -1,10 +1,20 @@
 ---
 layout: child_layout/about_us
 title: About Us
-permalink: /about-us/
+permalink: "/about-us/"
 hero: video-3
-
-body_col_1: <p>We are named after the small and nimble boat ‘Tom Thumb’ that explorers Bass and Flinders built to investigate the tributaries around the Australian coastline. Just like Bass and Flinders, we aspire to delve into our clients’ business to develop inspiring strategies and creative ideas that will bring their vision to life.</p><p>We work with company leaders and through our business and brand acumen, best marketing practices and creative knowledge we deliver targeted and effective strategies to solve their challenges.</p>
-
-body_col_2: <p>We are an independent consultancy collaborating with our supporting partners. We’re all great friends who are all leaders in their individual fields. Each of our clients work directly with at least one of our directors. This reflects our ethos that great work is born from passion, intelligence and personal commitment.</p><p>OUR GOAL is your success. This is our greatest passion. Our goal is to build trust and develop the working relationship with our clients that will inspire results. We know the more we learn and improve the greater our clients’ success will be.</p>
----
+body_col_1: "<p>We are named after the small and nimble boat ‘Tom Thumb’ that explorers
+  Bass and Flinders built to investigate the tributaries around the Australian coastline.
+  Just like Bass and Flinders, we aspire to delve into our clients’ business to develop
+  inspiring strategies and creative ideas that will bring their vision to life.</p><p>We
+  work with company leaders and through our business and brand acumen, best marketing
+  practices and creative knowledge we deliver targeted and effective strategies to
+  solve their challenges.</p>"
+body_col_2: "<p>We are an independent consultancy collaborating with our supporting
+  partners. We’re all great friends who are all leaders in their individual fields.
+  Each of our clients work directly with at least one of our directors. This reflects
+  our ethos that great work is born from passion, intelligence and personal commitment.</p><p>Our
+  goal is your success. This is our greatest passion. Our goal is to build trust and
+  develop the working relationship with our clients that will inspire results. We
+  know the more we learn and improve the greater our clients’ success will be.</p>"
+---

src/assets/webvisual/assets/_scss/bootstrap/bootstrap.scss

@@ -1,14 +1,14 @@
 /*!
- * Bootstrap v4.0.0-alpha.3 (http://getbootstrap.com)
- * Copyright 2011-2016 The Bootstrap Authors
- * Copyright 2011-2016 Twitter, Inc.
+ * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com)
+ * Copyright 2011-2017 The Bootstrap Authors
+ * Copyright 2011-2017 Twitter, Inc.
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  */
 
 // Core variables and mixins
-@import "custom";
 @import "variables";
 @import "mixins";
+@import "custom";
 
 // Reset and dependencies
 @import "normalize";
@@ -25,7 +25,7 @@
 @import "buttons";
 
 // Components
-@import "animation";
+@import "transitions";
 @import "dropdown";
 @import "button-group";
 @import "input-group";
@@ -35,7 +35,7 @@
 @import "card";
 @import "breadcrumb";
 @import "pagination";
-@import "tags";
+@import "badge";
 @import "jumbotron";
 @import "alert";
 @import "progress";

src/assets/webvisual/assets/_scss/liquidvisual/components/_alert-bar.scss

@@ -1,11 +1,10 @@
 /*
 	ALERT-BAR.CSS
 
-	- updated: 23.07.16
+	- updated: 24.02.17
 	- liquidvisual.com
 
 	- Notes:
-	  - Requires Modernizr
 	  - Since this is primarily an IE notifier, pxs and hacks are used
 */
 //-----------------------------------------------------------------
@@ -45,6 +44,7 @@ $alert-font-size:     14px    !default;
 	left: 0;
 	margin: 0;
 	width: 100%;
+	background: $alert-color; // IE8 fallback
 	background: rgba($alert-color, 0.95);
 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	color: white;
@@ -85,6 +85,20 @@ $alert-font-size:     14px    !default;
 	}
 }
 
+//-----------------------------------------------------------------
+// BLACKOUT
+//-----------------------------------------------------------------
+
+.lv-blackout {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: white;
+	z-index: -1;
+}
+
 //-----------------------------------------------------------------
 //
 //-----------------------------------------------------------------

src/assets/webvisual/assets/_scss/liquidvisual/components/_block-grid.scss

@@ -1,22 +1,24 @@
 /*
-BLOCK-GRID.CSS
+    BLOCK-GRID.CSS
 
-- updated: 28.06.16
-- liquidvisual.com
+    - Last updated: 06.10.16
+    - liquidvisual.com
 */
 //-----------------------------------------------------------------
-// Variables
+// VARIABLES
 //-----------------------------------------------------------------
+
+$grid-gutter-width: 30px !default;
+
 //-----------------------------------------------------------------
 // BLOCK GRID
-//-----------------------------------------------------------------
-
+//
 // https://gist.github.com/Jursdotme/67abe379d4a357233d3c
-// Block Grid
-// Technique adapted from Foundation 5 for Bootstrap 3.
+// Block Grid technique adapted from Foundation 5 for Bootstrap 3.
 // https://github.com/zurb/foundation/blob/f755d8704123f86c281ede0b171881e2672f150d/scss/foundation/components/_block-grid.scss
 // Original LESS Version by Christopher Mitchell (https://gist.github.com/ChrisTM)
 // Converted to SCSS by Rasmus Jürs (https://github.com/Jursdotme)
+//-----------------------------------------------------------------
 
 [class*="block-grid-"] {
   @include clearfix();
@@ -99,7 +101,4 @@ BLOCK-GRID.CSS
 
 //=========================================
 //
-//=========================================
-
-
-
+//=========================================

src/assets/webvisual/assets/_scss/liquidvisual/components/_em-calc.scss

@@ -0,0 +1,59 @@
+/*
+    EM-CALC.CSS
+
+    - updated: 07.11.16
+    - liquidvisual.com
+*/
+//-----------------------------------------------------------------
+// VARIABLES
+//-----------------------------------------------------------------
+
+// This is the default html and body font-size for the base em value.
+$em-base: 16px !default;
+
+//-----------------------------------------------------------------
+// STRIP UNIT
+// It strips the unit of measure and returns it
+//-----------------------------------------------------------------
+
+@function strip-unit($num) {
+    @return $num / ($num * 0 + 1);
+}
+
+//-----------------------------------------------------------------
+// CONVERT TO EM
+//-----------------------------------------------------------------
+
+@function convert-to-em($value, $base-value: $em-base)  {
+  $value: strip-unit($value) / strip-unit($base-value) * 1em;
+  @if ($value == 0em) { $value: 0; } // Turn 0em into 0
+  @return $value;
+}
+
+@function data($attr) {
+  @if $namespace {
+    @return '[data-' + $namespace + '-' + $attr + ']';
+  }
+
+  @return '[data-' + $attr + ']';
+}
+
+//-----------------------------------------------------------------
+// EM CALC
+//-----------------------------------------------------------------
+
+@function em-calc($values, $base-value: $em-base) {
+    $max: length($values);
+
+    @if $max == 1 { @return convert-to-em(nth($values, 1), $base-value); }
+
+    $emValues: ();
+    @for $i from 1 through $max {
+        $emValues: append($emValues, convert-to-em(nth($values, $i), $base-value));
+    }
+    @return $emValues;
+}
+
+//-----------------------------------------------------------------
+//
+//-----------------------------------------------------------------

src/assets/webvisual/assets/_scss/liquidvisual/components/_hero.scss

@@ -10,11 +10,11 @@
 // Variables
 //-----------------------------------------------------------------
 
-$hero-height-small:           auto; //rem-calc(266); // default: auto // IMPORTANT: if carousel slides, you need a fixed height
-$hero-height-medium:          rem-calc(575);
-$hero-height-medium-fixed:    rem-calc(575);
-$hero-height-large:           rem-calc(690); //rem-calc(570);
-$hero-carousel-bullet-size:   rem-calc(16);
+$hero-height-sm:            auto; // IMPORTANT: if carousel slides, you need a fixed height
+$hero-height-md:            rem-calc(575);
+$hero-height-md-fixed:      rem-calc(575);
+$hero-height-lg:            rem-calc(690);
+$hero-carousel-bullet-size: rem-calc(16);
 
 //-----------------------------------------------------------------
 // Hero Wrapper
@@ -35,14 +35,14 @@ $hero-carousel-bullet-size:   rem-calc(16);
 .lv-hero {
     width: 100%; // added last minute - breaking?
     overflow: hidden; // causes problems without JS
-    height: $hero-height-small;
+    height: $hero-height-sm;
 
     @include media-breakpoint-up(md) {
-        height: $hero-height-medium;
+        height: $hero-height-md;
     }
 
     @include media-breakpoint-up(lg) {
-       height: $hero-height-large;
+       height: $hero-height-lg;
     }
 
     //=========================================
@@ -62,15 +62,15 @@ $hero-carousel-bullet-size:   rem-calc(16);
     //=========================================
 
     &.has-fixed-height {
-        height: rem-calc(150); //$hero-height-small;
+        height: rem-calc(150); //$hero-height-sm;
         background-position: center center;
 
         @include media-breakpoint-up(md) { // added - refactor
            height: rem-calc(300);
         }
 
         @include media-breakpoint-up(xl) {
-           height: $hero-height-medium-fixed;
+           height: $hero-height-md-fixed;
         }
     }
 }
@@ -150,6 +150,11 @@ $hero-carousel-bullet-size:   rem-calc(16);
         text-align: center;
         font-family: "FontAwesome";
         font-size: rem-calc(50);
+        display: none;
+
+        @include media-breakpoint-up(md) {
+            display: block;
+        }
 
         a {
             position: absolute;
@@ -162,19 +167,11 @@ $hero-carousel-bullet-size:   rem-calc(16);
     }
 
     .lv-hero-carousel-prev-btn {
-        left: rem-calc(20);
-
-        @include media-breakpoint-up(md) {
-            left: 0;
-        }
+        left: $container-gutter/2;
     }
 
     .lv-hero-carousel-next-btn {
-        right: rem-calc(20);
-
-        @include media-breakpoint-up(md) {
-            right: 0;
-        }
+        right: $container-gutter/2;
     }
 }
 

src/assets/webvisual/assets/_scss/liquidvisual/components/_rem-calc.scss

@@ -1,32 +1,28 @@
 /*
     REM-CALC.CSS
 
-    - updated: 12.10.15
+    - updated: 06.10.16
     - liquidvisual.com
 */
 //-----------------------------------------------------------------
-// Variables
+// VARIABLES
 //-----------------------------------------------------------------
 
 // This is the default html and body font-size for the base rem value.
 $rem-base: 16px !default;
 
 //-----------------------------------------------------------------
-// REM CALC
-//-----------------------------------------------------------------
-
-//=========================================
 // STRIP UNIT
 // It strips the unit of measure and returns it
-//=========================================
+//-----------------------------------------------------------------
 
 @function strip-unit($num) {
     @return $num / ($num * 0 + 1);
 }
 
-//=========================================
+//-----------------------------------------------------------------
 // CONVERT TO REM
-//=========================================
+//-----------------------------------------------------------------
 
 @function convert-to-rem($value, $base-value: $rem-base)  {
   $value: strip-unit($value) / strip-unit($base-value) * 1rem;
@@ -42,9 +38,9 @@ $rem-base: 16px !default;
   @return '[data-' + $attr + ']';
 }
 
-//=========================================
+//-----------------------------------------------------------------
 // REM CALC
-//=========================================
+//-----------------------------------------------------------------
 
 @function rem-calc($values, $base-value: $rem-base) {
     $max: length($values);

src/assets/webvisual/assets/_scss/liquidvisual/components/_toolbox.scss

@@ -40,22 +40,9 @@ $include-developer-styles: true !default;
 	text-shadow: none;
 }
 
-//-----------------------------------------------------------------
-// Example Text
-//-----------------------------------------------------------------
-
-.lv-example {
-	padding: 1.250em;
-	border: 1px dashed #CFCCCF;
-	margin-bottom: 1.875em;
-	background: white;
-	box-shadow: 0 3px 5px -4px rgba(0, 0, 0, 0.26);
-}
-
 //-----------------------------------------------------------------
 // Helper Classes
 //-----------------------------------------------------------------
-
 //=========================================
 // Display
 //=========================================
@@ -104,12 +91,12 @@ $include-developer-styles: true !default;
 
 .lv-dropcap:first-letter {
 	float: left;
-	color: $primary-color;
-	font-size: 100px;
-	line-height: 90px;
 	padding-top: 4px;
 	padding-right: 10px;
 	padding-left: 3px;
+	line-height: 90px;
+	font-size: 100px;
+	color: $primary-color;
 }
 
 //=========================================