tech: ran prettier on all scss files

public/sass/_grafana.scss

@@ -89,7 +89,6 @@
 @import "components/dashboard_settings";
 @import "components/empty_list_cta";
 
-
 // PAGES
 @import "pages/login";
 @import "pages/dashboard";

public/sass/_old_responsive.scss

@@ -1,4 +1,3 @@
-
 .navbar-buttons--zoom {
   display: none;
 }
@@ -19,8 +18,8 @@
 // ---------------------
 
 @include media-breakpoint-down(xs) {
-  input[type='text'],
-  input[type='number'],
+  input[type="text"],
+  input[type="number"],
   textarea {
     font-size: 16px;
   }

public/sass/_variables.dark.scss

@@ -5,102 +5,113 @@ $theme-name: dark;
 
 // Grays
 // -------------------------
-$black:                 #000;
+$black: #000;
 
 // -------------------------
-$black:            #000;
-$dark-1:           #141414;
-$dark-2:           #1f1f20;
-$dark-3:           #262628;
-$dark-4:           #333333;
-$dark-5:           #444444;
-$gray-1:           #555555;
-$gray-2:           #8e8e8e;
-$gray-3:           #b3b3b3;
-$gray-4:           #D8D9DA;
-$gray-5:           #ECECEC;
-$gray-6:           #f4f5f8;
-$gray-7:           #fbfbfb;
-
-$gray-blue:        #212327;
-$input-black:      #09090B;
-
-$white:            #fff;
+$black: #000;
+$dark-1: #141414;
+$dark-2: #1f1f20;
+$dark-3: #262628;
+$dark-4: #333333;
+$dark-5: #444444;
+$gray-1: #555555;
+$gray-2: #8e8e8e;
+$gray-3: #b3b3b3;
+$gray-4: #d8d9da;
+$gray-5: #ececec;
+$gray-6: #f4f5f8;
+$gray-7: #fbfbfb;
+
+$gray-blue: #212327;
+$input-black: #09090b;
+
+$white: #fff;
 
 // Accent colors
 // -------------------------
-$blue:                  #33B5E5;
-$blue-dark:             #005f81;
-$green:                 #299c46;
-$red:                   #d44a3a;
-$yellow:                #ECBB13;
-$pink:                  #FF4444;
-$purple:                #9933CC;
-$variable:              #32D1DF;
-$orange:                #eb7b18;
-
-$brand-primary:         $orange;
-$brand-success:         $green;
-$brand-warning:         $brand-primary;
-$brand-danger:          $red;
-
-$query-blue:            $blue;
+$blue: #33b5e5;
+$blue-dark: #005f81;
+$green: #299c46;
+$red: #d44a3a;
+$yellow: #ecbb13;
+$pink: #ff4444;
+$purple: #9933cc;
+$variable: #32d1df;
+$orange: #eb7b18;
+
+$brand-primary: $orange;
+$brand-success: $green;
+$brand-warning: $brand-primary;
+$brand-danger: $red;
+
+$query-blue: $blue;
 
 // Status colors
 // -------------------------
-$online:                #10a345;
-$warn:                  #F79520;
-$critical:              #ed2e18;
+$online: #10a345;
+$warn: #f79520;
+$critical: #ed2e18;
 
 // Scaffolding
 // -------------------------
-$body-bg:  			   	    rgb(23,24,25);
-$page-bg:  			   	    rgb(22, 23, 25);
+$body-bg: rgb(23, 24, 25);
+$page-bg: rgb(22, 23, 25);
 
-$body-color:   		 	    $gray-4;
-$text-color:   	   		  $gray-4;
-$text-color-strong: 	  $white;
-$text-color-weak: 		  $gray-2;
-$text-color-faint:      $dark-5;
-$text-color-emphasis: 	$gray-5;
+$body-color: $gray-4;
+$text-color: $gray-4;
+$text-color-strong: $white;
+$text-color-weak: $gray-2;
+$text-color-faint: $dark-5;
+$text-color-emphasis: $gray-5;
 
 $text-shadow-strong: 1px 1px 4px $black;
 $text-shadow-faint: 1px 1px 4px rgb(45, 45, 45);
 
 // gradients
-$brand-gradient: linear-gradient(to right, rgba(255,213,0,0.7) 0%, rgba(255,68,0,0.7) 99%, rgba(255,68,0,0.7) 100%);
+$brand-gradient: linear-gradient(
+  to right,
+  rgba(255, 213, 0, 0.7) 0%,
+  rgba(255, 68, 0, 0.7) 99%,
+  rgba(255, 68, 0, 0.7) 100%
+);
 $page-gradient: linear-gradient(180deg, #222426 10px, rgb(22, 23, 25) 100px);
 
 // Links
 // -------------------------
-$link-color:              darken($white, 11%);
-$link-color-disabled:     darken($link-color, 30%);
-$link-hover-color:        $white;
-$external-link-color:     $blue;
+$link-color: darken($white, 11%);
+$link-color-disabled: darken($link-color, 30%);
+$link-hover-color: $white;
+$external-link-color: $blue;
 
 // Typography
 // -------------------------
-$headings-color:       darken($white,11%);
-$abbr-border-color: 	 $gray-3 !default;
-$text-muted: 			     $text-color-weak;
+$headings-color: darken($white, 11%);
+$abbr-border-color: $gray-3 !default;
+$text-muted: $text-color-weak;
 
-$blockquote-small-color:  $gray-3 !default;
+$blockquote-small-color: $gray-3 !default;
 $blockquote-border-color: $gray-4 !default;
 
-$hr-border-color: rgba(0,0,0,.1) !default;
+$hr-border-color: rgba(0, 0, 0, 0.1) !default;
 
 // Components
 $component-active-color: #fff !default;
-$component-active-bg:    $brand-primary !default;
+$component-active-bg: $brand-primary !default;
 
 // Panel
 // -------------------------
-$panel-bg: 				      #212124;
-$panel-border-color:    $dark-1;
-$panel-border:          solid 1px $panel-border-color;
-$panel-drop-zone-bg:    repeating-linear-gradient(-128deg, #111, #111 10px, #191919 10px, #222 20px);
-$panel-header-hover-bg:       $dark-4;
-$panel-header-menu-hover-bg:  $dark-5;
+$panel-bg: #212124;
+$panel-border-color: $dark-1;
+$panel-border: solid 1px $panel-border-color;
+$panel-drop-zone-bg: repeating-linear-gradient(
+  -128deg,
+  #111,
+  #111 10px,
+  #191919 10px,
+  #222 20px
+);
+$panel-header-hover-bg: $dark-4;
+$panel-header-menu-hover-bg: $dark-5;
 $panel-edit-shadow: 0 -30px 30px -30px $black;
 
 // page header
@@ -108,28 +119,29 @@ $page-header-bg: linear-gradient(90deg, #292a2d, black);
 $page-header-shadow: inset 0px -4px 14px $dark-2;
 $page-header-border-color: $dark-4;
 
-$divider-border-color:        #555;
+$divider-border-color: #555;
 
 // Graphite Target Editor
-$tight-form-bg:     	$dark-3;
+$tight-form-bg: $dark-3;
 
-$tight-form-func-bg: 		    #333334;
-$tight-form-func-highlight-bg:  #444445;
+$tight-form-func-bg: #333334;
+$tight-form-func-highlight-bg: #444445;
 
-$modal-backdrop-bg: #353c42	;
-$code-tag-bg:       $gray-1;
-$code-tag-border:   lighten($code-tag-bg, 2%);
+$modal-backdrop-bg: #353c42;
+$code-tag-bg: $gray-1;
+$code-tag-border: lighten($code-tag-bg, 2%);
 
 // cards
 $card-background: linear-gradient(135deg, #2f2f32, #262628);
 $card-background-hover: linear-gradient(135deg, #343436, #262628);
-$card-shadow: -1px -1px 0 0 hsla(0, 0%, 100%, .1), 1px 1px 0 0 rgba(0, 0, 0, .3);
+$card-shadow: -1px -1px 0 0 hsla(0, 0%, 100%, 0.1),
+  1px 1px 0 0 rgba(0, 0, 0, 0.3);
 
 // Lists
-$list-item-bg:         $card-background;
-$list-item-hover-bg:   lighten($gray-blue, 2%);
+$list-item-bg: $card-background;
+$list-item-hover-bg: lighten($gray-blue, 2%);
 $list-item-link-color: $text-color;
-$list-item-shadow:     $card-shadow;
+$list-item-shadow: $card-shadow;
 
 // Scrollbars
 $scrollbarBackground: #404357;
@@ -139,59 +151,59 @@ $scrollbarBorder: black;
 
 // Tables
 // -------------------------
-$table-bg:                    transparent; // overall background-color
-$table-bg-accent:             $dark-3; // for striping
-$table-bg-hover:              $dark-4; // for hover
-$table-border:                $dark-3; // table and cell border
+$table-bg: transparent; // overall background-color
+$table-bg-accent: $dark-3; // for striping
+$table-bg-hover: $dark-4; // for hover
+$table-border: $dark-3; // table and cell border
 
-$table-bg-odd:               $dark-2;
+$table-bg-odd: $dark-2;
 
 // Buttons
 // -------------------------
 
-$btn-primary-bg:              #ff6600;
-$btn-primary-bg-hl:           #bc3e06;
+$btn-primary-bg: #ff6600;
+$btn-primary-bg-hl: #bc3e06;
 
-$btn-secondary-bg:            $blue-dark;
-$btn-secondary-bg-hl:     		lighten($blue-dark, 5%);
+$btn-secondary-bg: $blue-dark;
+$btn-secondary-bg-hl: lighten($blue-dark, 5%);
 
-$btn-success-bg:              $green;
-$btn-success-bg-hl:     	    darken($green, 6%);
+$btn-success-bg: $green;
+$btn-success-bg-hl: darken($green, 6%);
 
-$btn-warning-bg:              $brand-warning;
-$btn-warning-bg-hl:     	    lighten($brand-warning, 8%);
+$btn-warning-bg: $brand-warning;
+$btn-warning-bg-hl: lighten($brand-warning, 8%);
 
-$btn-danger-bg:               $red;
-$btn-danger-bg-hl:            darken($red, 8%);
+$btn-danger-bg: $red;
+$btn-danger-bg-hl: darken($red, 8%);
 
-$btn-inverse-bg:              $dark-3;
-$btn-inverse-bg-hl:     	    lighten($dark-3, 4%);
-$btn-inverse-text-color:      $link-color;
-$btn-inverse-text-shadow:     0px 1px 0 rgba(0,0,0,.1);
+$btn-inverse-bg: $dark-3;
+$btn-inverse-bg-hl: lighten($dark-3, 4%);
+$btn-inverse-text-color: $link-color;
+$btn-inverse-text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.1);
 
-$btn-link-color:              $gray-3;
+$btn-link-color: $gray-3;
 
-$iconContainerBackground:	    $black;
+$iconContainerBackground: $black;
 
-$btn-divider-left:   $dark-4;
-$btn-divider-right:  $dark-2;
+$btn-divider-left: $dark-4;
+$btn-divider-right: $dark-2;
 
-$btn-drag-image: '../img/grab_dark.svg';
+$btn-drag-image: "../img/grab_dark.svg";
 
 // Forms
 // -------------------------
-$input-bg:                       $input-black;
-$input-bg-disabled:              $dark-3;
-
-$input-color:                    $gray-4;
-$input-border-color:             $dark-3;
-$input-box-shadow:               inset 1px 0px 0.3rem 0px rgba(150, 150, 150, 0.10);
-$input-border-focus:             $input-border-color;
-$input-box-shadow-focus:         rgba(102, 175, 233, 0.6);
-$input-color-placeholder:        $gray-1 !default;
-$input-label-bg:				         $gray-blue;
-$input-label-border-color:       $dark-3;
-$input-invalid-border-color:     lighten($red, 5%);
+$input-bg: $input-black;
+$input-bg-disabled: $dark-3;
+
+$input-color: $gray-4;
+$input-border-color: $dark-3;
+$input-box-shadow: inset 1px 0px 0.3rem 0px rgba(150, 150, 150, 0.1);
+$input-border-focus: $input-border-color;
+$input-box-shadow-focus: rgba(102, 175, 233, 0.6);
+$input-color-placeholder: $gray-1 !default;
+$input-label-bg: $gray-blue;
+$input-label-border-color: $dark-3;
+$input-invalid-border-color: lighten($red, 5%);
 
 // Search
 $search-shadow: 0 0 30px 0 $black;
@@ -199,19 +211,19 @@ $search-filter-box-bg: $gray-blue;
 
 // Dropdowns
 // -------------------------
-$dropdownBackground:            $dark-3;
-$dropdownBorder:                rgba(0,0,0,.2);
-$dropdownDividerTop:            transparent;
-$dropdownDividerBottom:         #444;
-$dropdownDivider:               $dropdownDividerBottom;
-$dropdownTitle:                 $link-color-disabled;
+$dropdownBackground: $dark-3;
+$dropdownBorder: rgba(0, 0, 0, 0.2);
+$dropdownDividerTop: transparent;
+$dropdownDividerBottom: #444;
+$dropdownDivider: $dropdownDividerBottom;
+$dropdownTitle: $link-color-disabled;
 
-$dropdownLinkColor:             $text-color;
-$dropdownLinkColorHover:        $white;
-$dropdownLinkColorActive:       $white;
+$dropdownLinkColor: $text-color;
+$dropdownLinkColorHover: $white;
+$dropdownLinkColorActive: $white;
 
-$dropdownLinkBackgroundActive:  $dark-4;
-$dropdownLinkBackgroundHover:   $dark-4;
+$dropdownLinkBackgroundActive: $dark-4;
+$dropdownLinkBackgroundHover: $dark-4;
 
 $dropdown-link-color: $gray-3;
 
@@ -219,51 +231,49 @@ $dropdown-link-color: $gray-3;
 // --------------------------------------------------
 
 // -------------------------
-$placeholderText:         darken($text-color, 25%);
-
+$placeholderText: darken($text-color, 25%);
 
 // Horizontal forms & lists
 // -------------------------
-$horizontalComponentOffset:       180px;
-
+$horizontalComponentOffset: 180px;
 
 // Wells
 // -------------------------
-$wellBackground:                  #131517;
-
-$navbarHeight:                    55px;
-$navbarBackgroundHighlight:       $dark-3;
-$navbarBackground:                $panel-bg;
-$navbarBorder:                    1px solid $dark-3;
-$navbarShadow:                    0 0 20px black;
-
-$navbarText:                      $gray-4;
-$navbarLinkColor:                 $gray-4;
-$navbarLinkColorHover:            $white;
-$navbarLinkColorActive:           $navbarLinkColorHover;
-$navbarLinkBackgroundHover:       transparent;
-$navbarLinkBackgroundActive:      $navbarBackground;
-$navbarBrandColor:                $link-color;
-$navbarDropdownShadow:            inset 0px 4px 10px -4px $body-bg;
-
-$navbarButtonBackground:          $navbarBackground;
+$wellBackground: #131517;
+
+$navbarHeight: 55px;
+$navbarBackgroundHighlight: $dark-3;
+$navbarBackground: $panel-bg;
+$navbarBorder: 1px solid $dark-3;
+$navbarShadow: 0 0 20px black;
+
+$navbarText: $gray-4;
+$navbarLinkColor: $gray-4;
+$navbarLinkColorHover: $white;
+$navbarLinkColorActive: $navbarLinkColorHover;
+$navbarLinkBackgroundHover: transparent;
+$navbarLinkBackgroundActive: $navbarBackground;
+$navbarBrandColor: $link-color;
+$navbarDropdownShadow: inset 0px 4px 10px -4px $body-bg;
+
+$navbarButtonBackground: $navbarBackground;
 $navbarButtonBackgroundHighlight: $body-bg;
 
-$navbar-button-border:             #151515;
+$navbar-button-border: #151515;
 
 // Sidemenu
 // -------------------------
-$side-menu-bg:            $black;
+$side-menu-bg: $black;
 $side-menu-item-hover-bg: $dark-2;
-$side-menu-shadow:        0 0 20px black;
-$side-menu-link-color:    $link-color;
-$breadcrumb-hover-hl:   #111;
+$side-menu-shadow: 0 0 20px black;
+$side-menu-link-color: $link-color;
+$breadcrumb-hover-hl: #111;
 
 // Menu dropdowns
 // -------------------------
-$menu-dropdown-bg:            $body-bg;
-$menu-dropdown-hover-bg:      $dark-2;
-$menu-dropdown-border-color:  $dark-3;
+$menu-dropdown-bg: $body-bg;
+$menu-dropdown-hover-bg: $dark-2;
+$menu-dropdown-border-color: $dark-3;
 $menu-dropdown-shadow: 5px 5px 20px -5px $black;
 
 // Breadcrumb
@@ -274,56 +284,60 @@ $page-nav-breadcrumb-color: $gray-3;
 
 // Tabs
 // -------------------------
-$tab-border-color:          $dark-4;
+$tab-border-color: $dark-4;
 
 // Pagination
 // -------------------------
-$paginationBackground:                $body-bg;
-$paginationBorder:                    transparent;
-$paginationActiveBackground:          $blue;
+$paginationBackground: $body-bg;
+$paginationBorder: transparent;
+$paginationActiveBackground: $blue;
 
 // Form states and alerts
 // -------------------------
-$warning-text-color:      $warn;
-$error-text-color:        #E84D4D;
-$success-text-color:      #12D95A;
-$info-text-color:         $blue-dark;
+$warning-text-color: $warn;
+$error-text-color: #e84d4d;
+$success-text-color: #12d95a;
+$info-text-color: $blue-dark;
 
-$alert-error-bg:          linear-gradient(90deg, #d44939, #e0603d);
-$alert-success-bg:        linear-gradient(90deg, #3aa655, #47b274);
-$alert-warning-bg:        linear-gradient(90deg, #d44939, #e0603d);
-$alert-info-bg:           linear-gradient(100deg, #1a4552, #00374a);
+$alert-error-bg: linear-gradient(90deg, #d44939, #e0603d);
+$alert-success-bg: linear-gradient(90deg, #3aa655, #47b274);
+$alert-warning-bg: linear-gradient(90deg, #d44939, #e0603d);
+$alert-info-bg: linear-gradient(100deg, #1a4552, #00374a);
 
 // popover
-$popover-bg:              $page-bg;
-$popover-color:           $text-color;
-$popover-border-color:    $dark-4;
-$popover-shadow:          0 0 20px black;
+$popover-bg: $page-bg;
+$popover-color: $text-color;
+$popover-border-color: $dark-4;
+$popover-shadow: 0 0 20px black;
 
-$popover-help-bg:         $btn-secondary-bg;
-$popover-help-color:      $text-color;
+$popover-help-bg: $btn-secondary-bg;
+$popover-help-color: $text-color;
 
-$popover-error-bg:        $btn-danger-bg;
+$popover-error-bg: $btn-danger-bg;
 
 // Tooltips and popovers
 // -------------------------
-$tooltipColor:            $popover-help-color;
-$tooltipBackground:       $popover-help-bg;
-$tooltipArrowWidth:       5px;
-$tooltipArrowColor:       $tooltipBackground;
-$tooltipLinkColor:        $link-color;
-$graph-tooltip-bg:        $dark-1;
+$tooltipColor: $popover-help-color;
+$tooltipBackground: $popover-help-bg;
+$tooltipArrowWidth: 5px;
+$tooltipArrowColor: $tooltipBackground;
+$tooltipLinkColor: $link-color;
+$graph-tooltip-bg: $dark-1;
 
 // images
-$checkboxImageUrl: '../img/checkbox.png';
+$checkboxImageUrl: "../img/checkbox.png";
 
 // info box
-$info-box-background: linear-gradient(100deg, $blue-dark, darken($blue-dark, 5%));
-$info-box-color:      $gray-4;
+$info-box-background: linear-gradient(
+  100deg,
+  $blue-dark,
+  darken($blue-dark, 5%)
+);
+$info-box-color: $gray-4;
 
 // footer
-$footer-link-color:   $gray-2;
-$footer-link-hover:   $gray-4;
+$footer-link-color: $gray-2;
+$footer-link-hover: $gray-4;
 
 // collapse box
 $collapse-box-body-border: $dark-5;
@@ -334,34 +348,34 @@ $json-explorer-default-color: $text-color;
 $json-explorer-string-color: #23d662;
 $json-explorer-number-color: $variable;
 $json-explorer-boolean-color: $variable;
-$json-explorer-null-color: #EEC97D;
+$json-explorer-null-color: #eec97d;
 $json-explorer-undefined-color: rgb(239, 143, 190);
-$json-explorer-function-color: #FD48CB;
+$json-explorer-function-color: #fd48cb;
 $json-explorer-rotate-time: 100ms;
 $json-explorer-toggler-opacity: 0.6;
-$json-explorer-toggler-color: #45376F;
-$json-explorer-bracket-color: #9494FF;
-$json-explorer-key-color: #23A0DB;
-$json-explorer-url-color: #027BFF;
+$json-explorer-toggler-color: #45376f;
+$json-explorer-bracket-color: #9494ff;
+$json-explorer-key-color: #23a0db;
+$json-explorer-url-color: #027bff;
 
 // Changelog and diff
 // -------------------------
-$diff-label-bg:         $dark-2;
-$diff-label-fg:         $white;
+$diff-label-bg: $dark-2;
+$diff-label-fg: $white;
 
-$diff-group-bg:         $dark-4;
-$diff-arrow-color:      $white;
+$diff-group-bg: $dark-4;
+$diff-arrow-color: $white;
 
-$diff-json-bg:          $dark-4;
-$diff-json-fg:          $gray-5;
+$diff-json-bg: $dark-4;
+$diff-json-fg: $gray-5;
 
-$diff-json-added:       #457740;
-$diff-json-deleted:     #a04338;
+$diff-json-added: #457740;
+$diff-json-deleted: #a04338;
 
-$diff-json-old:         #a04338;
-$diff-json-new:         #457740;
+$diff-json-old: #a04338;
+$diff-json-new: #457740;
 
-$diff-json-changed-fg:  $gray-5;
+$diff-json-changed-fg: $gray-5;
 $diff-json-changed-num: $text-color;
 
-$diff-json-icon:        $gray-7;
+$diff-json-icon: $gray-7;

public/sass/_variables.light.scss

@@ -2,7 +2,6 @@
 // Variables
 // --------------------------------------------------
 
-
 // Global values
 // --------------------------------------------------
 
@@ -10,101 +9,112 @@ $theme-name: light;
 
 // Grays
 // -------------------------
-$black:                 #000;
+$black: #000;
 
 // -------------------------
-$black:            #000;
-$dark-1:           #13161d;
-$dark-2:           #1e2028;
-$dark-3:           #303133;
-$dark-4:           #35373f;
-$dark-5:           #41444b;
-$gray-1:           #52545c;
-$gray-2:           #767980;
-$gray-3:           #acb6bf;
-$gray-4:           #c7d0d9;
-$gray-5:           #dde4ed;
-$gray-6:           #e9edf2;
-$gray-7:           #f7f8fa;
-
-$white:            #fff;
+$black: #000;
+$dark-1: #13161d;
+$dark-2: #1e2028;
+$dark-3: #303133;
+$dark-4: #35373f;
+$dark-5: #41444b;
+$gray-1: #52545c;
+$gray-2: #767980;
+$gray-3: #acb6bf;
+$gray-4: #c7d0d9;
+$gray-5: #dde4ed;
+$gray-6: #e9edf2;
+$gray-7: #f7f8fa;
+
+$white: #fff;
 
 // Accent colors
 // -------------------------
-$blue:                  #61c2f2;
-$blue-dark:             #0083b3;
-$green:                 #3aa655;
-$red:                   #d44939;
-$yellow:                #FF851B;
-$orange:                #Ff7941;
-$pink:                  #E671B8;
-$purple:                #9954BB;
-$variable:              $blue;
-
-$brand-primary:         $orange;
-$brand-success:         $green;
-$brand-warning:         $orange;
-$brand-danger:          $red;
-
-$query-blue:            $blue-dark;
+$blue: #61c2f2;
+$blue-dark: #0083b3;
+$green: #3aa655;
+$red: #d44939;
+$yellow: #ff851b;
+$orange: #ff7941;
+$pink: #e671b8;
+$purple: #9954bb;
+$variable: $blue;
+
+$brand-primary: $orange;
+$brand-success: $green;
+$brand-warning: $orange;
+$brand-danger: $red;
+
+$query-blue: $blue-dark;
 
 // Status colors
 // -------------------------
-$online:                #01A64F;
-$warn:                  #F79520;
-$critical:              #EC2128;
+$online: #01a64f;
+$warn: #f79520;
+$critical: #ec2128;
 
 // Scaffolding
 // -------------------------
 
-$body-bg:  		  		    $gray-7;
-$page-bg:  		  		    $gray-7;
-$body-color:    		    $gray-1;
-$text-color:    		    $dark-4;
-$text-color-strong:	    $white;
-$text-color-weak: 	    $gray-2;
-$text-color-faint:      $gray-4;
-$text-color-emphasis: 	$dark-5;
+$body-bg: $gray-7;
+$page-bg: $gray-7;
+$body-color: $gray-1;
+$text-color: $dark-4;
+$text-color-strong: $white;
+$text-color-weak: $gray-2;
+$text-color-faint: $gray-4;
+$text-color-emphasis: $dark-5;
 
 $text-shadow-strong: none;
 $text-shadow-faint: none;
 $textShadow: none;
 
 // gradients
-$brand-gradient: linear-gradient(to right, rgba(255,213,0,1.0) 0%, rgba(255,68,0,1.0) 99%, rgba(255,68,0,1.0) 100%);
+$brand-gradient: linear-gradient(
+  to right,
+  rgba(255, 213, 0, 1) 0%,
+  rgba(255, 68, 0, 1) 99%,
+  rgba(255, 68, 0, 1) 100%
+);
 $page-gradient: linear-gradient(-60deg, transparent 70%, $gray-7 98%);
 
 // Links
 // -------------------------
-$link-color:             $gray-1;
-$link-color-disabled:    lighten($link-color, 30%);
-$link-hover-color:       darken($link-color, 20%);
-$external-link-color:    $blue;
+$link-color: $gray-1;
+$link-color-disabled: lighten($link-color, 30%);
+$link-hover-color: darken($link-color, 20%);
+$external-link-color: $blue;
 
 // Typography
 // -------------------------
-$headings-color:       $text-color;
-$abbr-border-color: 	 $gray-2 !default;
-$text-muted: 			     $text-color-weak;
+$headings-color: $text-color;
+$abbr-border-color: $gray-2 !default;
+$text-muted: $text-color-weak;
 
-$blockquote-small-color:  $gray-2 !default;
+$blockquote-small-color: $gray-2 !default;
 $blockquote-border-color: $gray-3 !default;
 
 $hr-border-color: $dark-3 !default;
 
 // Components
 $component-active-color: $white !default;
-$component-active-bg:    $brand-primary !default;
+$component-active-bg: $brand-primary !default;
 
 // Panel
 // -------------------------
 
-$panel-bg: 		       $white;
+$panel-bg: $white;
 $panel-border-color: $gray-5;
-$panel-border:       solid 1px $panel-border-color;
-$panel-drop-zone-bg: repeating-linear-gradient(-128deg, $body-bg, $body-bg 10px, $gray-6 10px, $gray-6 20px);
-$panel-header-hover-bg:       $gray-6;
-$panel-header-menu-hover-bg:  $gray-4;
+$panel-border: solid 1px $panel-border-color;
+$panel-drop-zone-bg: repeating-linear-gradient(
+  -128deg,
+  $body-bg,
+  $body-bg 10px,
+  $gray-6 10px,
+  $gray-6 20px
+);
+$panel-header-hover-bg: $gray-6;
+$panel-header-menu-hover-bg: $gray-4;
 $panel-edit-shadow: 0 0 30px 20px $black;
 
 // Page header
@@ -112,113 +122,114 @@ $page-header-bg: linear-gradient(90deg, $white, $gray-7);
 $page-header-shadow: inset 0px -3px 10px $gray-6;
 $page-header-border-color: $gray-4;
 
-$divider-border-color:	      $gray-2;
+$divider-border-color: $gray-2;
 
 // Graphite Target Editor
-$tight-form-bg:    	    #eaebee;
+$tight-form-bg: #eaebee;
 
-$tight-form-func-bg:            $gray-5;
-$tight-form-func-highlight-bg:  $gray-6;
+$tight-form-func-bg: $gray-5;
+$tight-form-func-highlight-bg: $gray-6;
 
 $modal-backdrop-bg: $body-bg;
-$code-tag-bg:       $gray-6;
-$code-tag-border:   darken($code-tag-bg, 3%);
+$code-tag-bg: $gray-6;
+$code-tag-border: darken($code-tag-bg, 3%);
 
 // cards
 $card-background: linear-gradient(135deg, $gray-6, $gray-5);
 $card-background-hover: linear-gradient(135deg, $gray-5, $gray-6);
-$card-shadow: -1px -1px 0 0 hsla(0, 0%, 100%, .1), 1px 1px 0 0 rgba(0, 0, 0, .1);
+$card-shadow: -1px -1px 0 0 hsla(0, 0%, 100%, 0.1),
+  1px 1px 0 0 rgba(0, 0, 0, 0.1);
 
 // Lists
-$list-item-bg:         linear-gradient(135deg, $gray-5, $gray-6);//$card-background;
-$list-item-hover-bg:   darken($gray-5, 5%);
+$list-item-bg: linear-gradient(135deg, $gray-5, $gray-6); //$card-background;
+$list-item-hover-bg: darken($gray-5, 5%);
 $list-item-link-color: $text-color;
-$list-item-shadow:     $card-shadow;
+$list-item-shadow: $card-shadow;
 
 // Tables
 // -------------------------
-$table-bg:                   transparent; // overall background-color
-$table-bg-accent:            $gray-5; // for striping
-$table-bg-hover:             $gray-5; // for hover
-$table-bg-active:            $table-bg-hover !default;
-$table-border:               $gray-3; // table and cell border
+$table-bg: transparent; // overall background-color
+$table-bg-accent: $gray-5; // for striping
+$table-bg-hover: $gray-5; // for hover
+$table-bg-active: $table-bg-hover !default;
+$table-border: $gray-3; // table and cell border
 
-$table-bg-odd:               $gray-5;
+$table-bg-odd: $gray-5;
 
 // Scrollbars
-$scrollbarBackground:   $gray-5;
-$scrollbarBackground2:  $gray-5;
-$scrollbarBorder:       $gray-4;
+$scrollbarBackground: $gray-5;
+$scrollbarBackground2: $gray-5;
+$scrollbarBorder: $gray-4;
 
 // Buttons
 // -------------------------
-$btn-primary-bg:        $brand-primary;
-$btn-primary-bg-hl:     lighten($brand-primary, 8%);
+$btn-primary-bg: $brand-primary;
+$btn-primary-bg-hl: lighten($brand-primary, 8%);
 
-$btn-secondary-bg:      $blue-dark;
-$btn-secondary-bg-hl:   lighten($blue-dark, 4%);
+$btn-secondary-bg: $blue-dark;
+$btn-secondary-bg-hl: lighten($blue-dark, 4%);
 
-$btn-success-bg:        lighten($green, 3%);
-$btn-success-bg-hl:     darken($green, 3%);
+$btn-success-bg: lighten($green, 3%);
+$btn-success-bg-hl: darken($green, 3%);
 
-$btn-warning-bg:        lighten($orange, 3%);
-$btn-warning-bg-hl:     darken($orange, 3%);
+$btn-warning-bg: lighten($orange, 3%);
+$btn-warning-bg-hl: darken($orange, 3%);
 
-$btn-danger-bg:         lighten($red, 3%);
-$btn-danger-bg-hl:      darken($red, 3%);
+$btn-danger-bg: lighten($red, 3%);
+$btn-danger-bg-hl: darken($red, 3%);
 
-$btn-inverse-bg:          $gray-6;
-$btn-inverse-bg-hl:       darken($gray-6, 5%);
-$btn-inverse-text-color:  $gray-1;
-$btn-inverse-text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
+$btn-inverse-bg: $gray-6;
+$btn-inverse-bg-hl: darken($gray-6, 5%);
+$btn-inverse-text-color: $gray-1;
+$btn-inverse-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
 
 $btn-link-color: $gray-1;
 
-$btn-divider-left:   $gray-4;
-$btn-divider-right:  $gray-7;
-$btn-drag-image:    '../img/grab_light.svg';
+$btn-divider-left: $gray-4;
+$btn-divider-right: $gray-7;
+$btn-drag-image: "../img/grab_light.svg";
 
 $iconContainerBackground: $white;
 
 // Forms
 // -------------------------
-$input-bg:                       $white;
-$input-bg-disabled:              $gray-5;
-
-$input-color:                    $dark-3;
-$input-border-color:             $gray-5;
-$input-box-shadow:               none;
-$input-border-focus:             $blue !default;
-$input-box-shadow-focus:         $blue !default;
-$input-color-placeholder:        $gray-4 !default;
-$input-label-bg:	        	     $gray-5;
-$input-label-border-color:       $gray-5;
-$input-invalid-border-color:     lighten($red, 5%);
+$input-bg: $white;
+$input-bg-disabled: $gray-5;
+
+$input-color: $dark-3;
+$input-border-color: $gray-5;
+$input-box-shadow: none;
+$input-border-focus: $blue !default;
+$input-box-shadow-focus: $blue !default;
+$input-color-placeholder: $gray-4 !default;
+$input-label-bg: $gray-5;
+$input-label-border-color: $gray-5;
+$input-invalid-border-color: lighten($red, 5%);
 
 // Sidemenu
 // -------------------------
-$side-menu-bg:            $dark-2;
+$side-menu-bg: $dark-2;
 $side-menu-item-hover-bg: $gray-1;
-$side-menu-shadow:        5px 0px 10px -5px $gray-1;
-$side-menu-link-color:    $gray-6;
+$side-menu-shadow: 5px 0px 10px -5px $gray-1;
+$side-menu-link-color: $gray-6;
 
 // Menu dropdowns
 // -------------------------
-$menu-dropdown-bg:            $gray-7;
-$menu-dropdown-hover-bg:      $gray-6;
-$menu-dropdown-border-color:  $gray-4;
-$menu-dropdown-shadow:        5px 5px 10px -5px $gray-1;
+$menu-dropdown-bg: $gray-7;
+$menu-dropdown-hover-bg: $gray-6;
+$menu-dropdown-border-color: $gray-4;
+$menu-dropdown-shadow: 5px 5px 10px -5px $gray-1;
 
 // Breadcrumb
 // -------------------------
-$page-nav-bg:               $gray-5;
-$page-nav-shadow:           5px 5px 20px -5px $gray-4;
+$page-nav-bg: $gray-5;
+$page-nav-shadow: 5px 5px 20px -5px $gray-4;
 $page-nav-breadcrumb-color: $black;
-$breadcrumb-hover-hl:       #d9dadd;
+$breadcrumb-hover-hl: #d9dadd;
 
 // Tabs
 // -------------------------
-$tab-border-color:          $gray-5;
+$tab-border-color: $gray-5;
 
 // search
 $search-shadow: 0 5px 30px 0 $gray-4;
@@ -226,117 +237,114 @@ $search-filter-box-bg: $gray-7;
 
 // Dropdowns
 // -------------------------
-$dropdownBackground:            $white;
-$dropdownBorder:                $gray-4;
-$dropdownDividerTop:            $gray-6;
-$dropdownDividerBottom:         $white;
-$dropdownDivider:               $dropdownDividerTop;
-$dropdownTitle:                 $gray-3;
+$dropdownBackground: $white;
+$dropdownBorder: $gray-4;
+$dropdownDividerTop: $gray-6;
+$dropdownDividerBottom: $white;
+$dropdownDivider: $dropdownDividerTop;
+$dropdownTitle: $gray-3;
 
-$dropdownLinkColor:             $dark-3;
-$dropdownLinkColorHover:        $link-color;
-$dropdownLinkColorActive:       $link-color;
+$dropdownLinkColor: $dark-3;
+$dropdownLinkColorHover: $link-color;
+$dropdownLinkColorActive: $link-color;
 
-$dropdownLinkBackgroundActive:  $gray-6;
-$dropdownLinkBackgroundHover:   $gray-6;
+$dropdownLinkBackgroundActive: $gray-6;
+$dropdownLinkBackgroundHover: $gray-6;
 
 // COMPONENT VARIABLES
 // --------------------------------------------------
 
-
 // Input placeholder text color
 // -------------------------
-$placeholderText:         $gray-2;
-
+$placeholderText: $gray-2;
 
 // Hr border color
 // -------------------------
-$hrBorder:                $gray-3;
-
+$hrBorder: $gray-3;
 
 // Horizontal forms & lists
 // -------------------------
-$horizontalComponentOffset:       180px;
-
+$horizontalComponentOffset: 180px;
 
 // Wells
 // -------------------------
-$wellBackground:                  $gray-3;
-
+$wellBackground: $gray-3;
 
 // Navbar
 // -------------------------
 
-$navbarHeight:                    52px;
-$navbarBackgroundHighlight:       $white;
-$navbarBackground:                $white;
-$navbarBorder:                    1px solid $gray-4;
-$navbarShadow:                    0 0 3px #c1c1c1;
+$navbarHeight: 52px;
+$navbarBackgroundHighlight: $white;
+$navbarBackground: $white;
+$navbarBorder: 1px solid $gray-4;
+$navbarShadow: 0 0 3px #c1c1c1;
 
-$navbarText:                      #444;
-$navbarLinkColor:                 #444;
-$navbarLinkColorHover:            #000;
-$navbarLinkColorActive:           #333;
-$navbarLinkBackgroundHover:       transparent;
-$navbarLinkBackgroundActive:      darken($navbarBackground, 6.5%);
-$navbarDropdownShadow:            inset 0px 4px 7px -4px darken($body-bg, 20%);
+$navbarText: #444;
+$navbarLinkColor: #444;
+$navbarLinkColorHover: #000;
+$navbarLinkColorActive: #333;
+$navbarLinkBackgroundHover: transparent;
+$navbarLinkBackgroundActive: darken($navbarBackground, 6.5%);
+$navbarDropdownShadow: inset 0px 4px 7px -4px darken($body-bg, 20%);
 
-$navbarBrandColor:                $navbarLinkColor;
+$navbarBrandColor: $navbarLinkColor;
 
-$navbarButtonBackground:          lighten($navbarBackground, 3%);
+$navbarButtonBackground: lighten($navbarBackground, 3%);
 $navbarButtonBackgroundHighlight: lighten($navbarBackground, 5%);
 
-$navbar-button-border:            $gray-4;
-
+$navbar-button-border: $gray-4;
 
 // Pagination
 // -------------------------
-$paginationBackground:                $gray-2;
-$paginationBorder:                    transparent;
-$paginationActiveBackground:          $blue;
-
+$paginationBackground: $gray-2;
+$paginationBorder: transparent;
+$paginationActiveBackground: $blue;
 
 // Form states and alerts
 // -------------------------
-$warning-text-color:            lighten($orange, 10%);
-$error-text-color:              lighten($red, 10%);
-$success-text-color:            lighten($green, 10%);
-$info-text-color:                     $blue;
+$warning-text-color: lighten($orange, 10%);
+$error-text-color: lighten($red, 10%);
+$success-text-color: lighten($green, 10%);
+$info-text-color: $blue;
 
-$alert-error-bg:          linear-gradient(90deg, #d44939, #e04d3d);
-$alert-success-bg:        linear-gradient(90deg, #3aa655, #47b274);
-$alert-warning-bg:        linear-gradient(90deg, #d44939, #e04d3d);
-$alert-info-bg:           $blue-dark;
+$alert-error-bg: linear-gradient(90deg, #d44939, #e04d3d);
+$alert-success-bg: linear-gradient(90deg, #3aa655, #47b274);
+$alert-warning-bg: linear-gradient(90deg, #d44939, #e04d3d);
+$alert-info-bg: $blue-dark;
 
 // popover
-$popover-bg:              $page-bg;
-$popover-color:           $text-color;
-$popover-border-color:    $gray-5;
-$popover-shadow:          0 0 20px $white;
+$popover-bg: $page-bg;
+$popover-color: $text-color;
+$popover-border-color: $gray-5;
+$popover-shadow: 0 0 20px $white;
 
-$popover-help-bg:         $blue-dark;
-$popover-help-color:      $gray-6;
-$popover-error-bg:        $btn-danger-bg;
+$popover-help-bg: $blue-dark;
+$popover-help-color: $gray-6;
+$popover-error-bg: $btn-danger-bg;
 
 // Tooltips and popovers
 // -------------------------
-$tooltipColor:            $popover-help-color;
-$tooltipBackground:       $popover-help-bg;
-$tooltipArrowWidth:       5px;
-$tooltipArrowColor:       $tooltipBackground;
-$tooltipLinkColor:        lighten($popover-help-color, 5%);
-$graph-tooltip-bg:        $gray-5;
+$tooltipColor: $popover-help-color;
+$tooltipBackground: $popover-help-bg;
+$tooltipArrowWidth: 5px;
+$tooltipArrowColor: $tooltipBackground;
+$tooltipLinkColor: lighten($popover-help-color, 5%);
+$graph-tooltip-bg: $gray-5;
 
 // images
-$checkboxImageUrl: '../img/checkbox_white.png';
+$checkboxImageUrl: "../img/checkbox_white.png";
 
 // info box
-$info-box-background: linear-gradient(100deg, $blue-dark, darken($blue-dark, 5%));
-$info-box-color:      $gray-7;
+$info-box-background: linear-gradient(
+  100deg,
+  $blue-dark,
+  darken($blue-dark, 5%)
+);
+$info-box-color: $gray-7;
 
 // footer
-$footer-link-color:   $gray-3;
-$footer-link-hover:   $dark-5;
+$footer-link-color: $gray-3;
+$footer-link-hover: $dark-5;
 
 // collapse box
 $collapse-box-body-border: $gray-4;
@@ -347,36 +355,36 @@ $json-explorer-default-color: black;
 $json-explorer-string-color: green;
 $json-explorer-number-color: blue;
 $json-explorer-boolean-color: red;
-$json-explorer-null-color: #855A00;
+$json-explorer-null-color: #855a00;
 $json-explorer-undefined-color: rgb(202, 11, 105);
-$json-explorer-function-color: #FF20ED;
+$json-explorer-function-color: #ff20ed;
 $json-explorer-rotate-time: 100ms;
 $json-explorer-toggler-opacity: 0.6;
-$json-explorer-toggler-color: #45376F;
+$json-explorer-toggler-color: #45376f;
 $json-explorer-bracket-color: blue;
-$json-explorer-key-color: #00008B;
+$json-explorer-key-color: #00008b;
 $json-explorer-url-color: blue;
 
 // Changelog and diff
 // -------------------------
-$diff-label-bg:         $gray-5;
-$diff-label-fg:         $gray-2;
+$diff-label-bg: $gray-5;
+$diff-label-fg: $gray-2;
 
-$diff-switch-bg:        $gray-7;
-$diff-switch-disabled:  $gray-5;
+$diff-switch-bg: $gray-7;
+$diff-switch-disabled: $gray-5;
 
-$diff-arrow-color:      $dark-3;
-$diff-group-bg:         $gray-7;
+$diff-arrow-color: $dark-3;
+$diff-group-bg: $gray-7;
 
-$diff-json-bg:          $gray-5;
-$diff-json-fg:          $gray-2;
+$diff-json-bg: $gray-5;
+$diff-json-fg: $gray-2;
 
-$diff-json-added:       lighten(desaturate($green, 30%), 10%);
-$diff-json-deleted:     desaturate($red, 35%);
+$diff-json-added: lighten(desaturate($green, 30%), 10%);
+$diff-json-deleted: desaturate($red, 35%);
 
-$diff-json-old:       #5a372a;
-$diff-json-new:       #664e33;
+$diff-json-old: #5a372a;
+$diff-json-new: #664e33;
 
-$diff-json-changed-fg:  $gray-6;
+$diff-json-changed-fg: $gray-6;
 $diff-json-changed-num: $gray-4;
-$diff-json-icon:        $gray-4;
+$diff-json-icon: $gray-4;

public/sass/_variables.scss

@@ -1,78 +1,51 @@
-
-
 // Options
 //
 // Quickly modify global styling by enabling or disabling optional features.
 
-$enable-flex:               true !default;
-$enable-rounded:            true !default;
-$enable-shadows:            false !default;
-$enable-gradients:          false !default;
-$enable-transitions:        false !default;
-$enable-hover-media-query:  false !default;
-$enable-grid-classes:       true !default;
-$enable-print-styles:       true !default;
-
+$enable-flex: true !default;
+$enable-rounded: true !default;
+$enable-shadows: false !default;
+$enable-gradients: false !default;
+$enable-transitions: false !default;
+$enable-hover-media-query: false !default;
+$enable-grid-classes: true !default;
+$enable-print-styles: true !default;
 
 // Spacing
 //
 // Control the default styling of most Bootstrap elements by modifying these
 // variables. Mostly focused on spacing.
 
-$spacer:   1rem !default;
+$spacer: 1rem !default;
 $spacer-x: $spacer !default;
 $spacer-y: $spacer !default;
 $spacers: (
-  0: (
-    x: 0,
-    y: 0
-  ),
-  1: (
-    x: $spacer-x,
-    y: $spacer-y
-  ),
-  2: (
-    x: ($spacer-x * 1.5),
-    y: ($spacer-y * 1.5)
-  ),
-  3: (
-    x: ($spacer-x * 3),
-    y: ($spacer-y * 3)
+    0: (x: 0, y: 0),
+    1: (x: $spacer-x, y: $spacer-y),
+    2: (x: ($spacer-x * 1.5), y: ($spacer-y * 1.5)),
+    3: (x: ($spacer-x * 3), y: ($spacer-y * 3))
   )
-) !default;
+  !default;
 $border-width: 1px !default;
 
-
 // Grid breakpoints
 //
 // Define the minimum and maximum dimensions at which your layout will change,
 // adapting to different screen sizes, for use in media queries.
 
-$grid-breakpoints: (
-  xs: 0,
-  sm: 544px,
-  md: 768px,
-  lg: 992px,
-  xl: 1200px
-) !default;
-
+$grid-breakpoints: (xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px) !default;
 
 // Grid containers
 //
 // Define the maximum width of `.container` for different screen sizes.
 
-$container-max-widths: (
-  sm: 576px,
-  md: 720px,
-  lg: 940px,
-  xl: 1080px
-) !default;
+$container-max-widths: (sm: 576px, md: 720px, lg: 940px, xl: 1080px) !default;
 
 // Grid columns
 //
 // Set the number of columns and specify the width of the gutters.
 
-$grid-columns:      12 !default;
+$grid-columns: 12 !default;
 $grid-gutter-width: 30px !default;
 
 $enable-flex: true;
@@ -80,27 +53,27 @@ $enable-flex: true;
 // Typography
 // -------------------------
 
-$font-family-sans-serif:   "Roboto", Helvetica, Arial, sans-serif;
-$font-family-serif:        Georgia, "Times New Roman", Times, serif;
-$font-family-monospace:    Menlo, Monaco, Consolas, "Courier New", monospace;
-$font-family-base:         $font-family-sans-serif !default;
+$font-family-sans-serif: "Roboto", Helvetica, Arial, sans-serif;
+$font-family-serif: Georgia, "Times New Roman", Times, serif;
+$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
+$font-family-base: $font-family-sans-serif !default;
 
 $font-size-root: 14px !default;
 $font-size-base: 13px !default;
 
-$font-size-lg:   18px !default;
-$font-size-md:   14px !default;
-$font-size-sm:   12px !default;
-$font-size-xs:   10px !default;
+$font-size-lg: 18px !default;
+$font-size-md: 14px !default;
+$font-size-sm: 12px !default;
+$font-size-xs: 10px !default;
 
 $line-height-base: 1.5 !default;
 $font-weight-semi-bold: 500;
 
-$font-size-h1: 2.0rem !default;
+$font-size-h1: 2rem !default;
 $font-size-h2: 1.75rem !default;
-$font-size-h3: 1.50rem !default;
-$font-size-h4: 1.30rem !default;
-$font-size-h5: 1.20rem !default;
+$font-size-h3: 1.5rem !default;
+$font-size-h4: 1.3rem !default;
+$font-size-h5: 1.2rem !default;
 $font-size-h6: 1rem !default;
 
 $display1-size: 6rem !default;
@@ -113,16 +86,16 @@ $display2-weight: 400 !default;
 $display3-weight: 400 !default;
 $display4-weight: 400 !default;
 
-$lead-font-size:   1.25rem !default;
+$lead-font-size: 1.25rem !default;
 $lead-font-weight: 300 !default;
 
 $headings-margin-bottom: ($spacer / 2) !default;
-$headings-font-family:  "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
-$headings-font-weight:   400 !default;
-$headings-line-height:   1.1 !default;
+$headings-font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
+$headings-font-weight: 400 !default;
+$headings-line-height: 1.1 !default;
 
-$blockquote-font-size:    ($font-size-base * 1.25) !default;
-$blockquote-border-width: .25rem !default;
+$blockquote-font-size: ($font-size-base * 1.25) !default;
+$blockquote-border-width: 0.25rem !default;
 
 $hr-border-width: $border-width !default;
 $dt-font-weight: bold !default;
@@ -132,15 +105,15 @@ $list-inline-padding: 5px !default;
 //
 // Define common padding and border radius sizes and more.
 
-$line-height-lg:         (4 / 3) !default;
-$line-height-sm:         1.5 !default;
+$line-height-lg: (4 / 3) !default;
+$line-height-sm: 1.5 !default;
 
-$border-radius:          3px !default;
-$border-radius-lg:       5px !default;
-$border-radius-sm:       2px!default;
+$border-radius: 3px !default;
+$border-radius-lg: 5px !default;
+$border-radius-sm: 2px!default;
 
-$caret-width:            .3em !default;
-$caret-width-lg:         $caret-width !default;
+$caret-width: 0.3em !default;
+$caret-width-lg: $caret-width !default;
 
 // Page
 
@@ -149,85 +122,95 @@ $page-sidebar-margin: 4rem;
 
 // Links
 // -------------------------
-$link-decoration:         none !default;
-$link-hover-decoration:   none !default;
+$link-decoration: none !default;
+$link-hover-decoration: none !default;
 
 // Tables
 //
 // Customizes the `.table` component with basic values, each used across all table variations.
 
-$table-cell-padding:            4px 10px !default;
-$table-sm-cell-padding:         .3rem !default;
+$table-cell-padding: 4px 10px !default;
+$table-sm-cell-padding: 0.3rem !default;
 
 // Forms
-$input-padding-x:                10px !default;
-$input-padding-y:                8px !default;
-$input-line-height:              18px !default;
+$input-padding-x: 10px !default;
+$input-padding-y: 8px !default;
+$input-line-height: 18px !default;
 
-$input-btn-border-width:         1px;
-$input-border-radius:            0 $border-radius $border-radius 0 !default;
-$input-border-radius-lg:         0 $border-radius-lg $border-radius-lg 0 !default;
-$input-border-radius-sm:         0 $border-radius-sm $border-radius-sm 0 !default;
+$input-btn-border-width: 1px;
+$input-border-radius: 0 $border-radius $border-radius 0 !default;
+$input-border-radius-lg: 0 $border-radius-lg $border-radius-lg 0 !default;
+$input-border-radius-sm: 0 $border-radius-sm $border-radius-sm 0 !default;
 
-$label-border-radius:            $border-radius 0 0 $border-radius !default;
-$label-border-radius-lg:         $border-radius-lg 0 0 $border-radius-lg !default;
-$label-border-radius-sm:         $border-radius-sm 0 0 $border-radius-sm !default;
+$label-border-radius: $border-radius 0 0 $border-radius !default;
+$label-border-radius-lg: $border-radius-lg 0 0 $border-radius-lg !default;
+$label-border-radius-sm: $border-radius-sm 0 0 $border-radius-sm !default;
 
-$input-padding-x-sm:             7px !default;
-$input-padding-y-sm:             4px !default;
+$input-padding-x-sm: 7px !default;
+$input-padding-y-sm: 4px !default;
 
-$input-padding-x-lg:             20px !default;
-$input-padding-y-lg:             10px !default;
+$input-padding-x-lg: 20px !default;
+$input-padding-y-lg: 10px !default;
 
-$input-height:                   (($font-size-base * $line-height-base) + ($input-padding-y * 2)) !default;
-$input-height-lg:                (($font-size-lg * $line-height-lg) + ($input-padding-y-lg * 2)) !default;
-$input-height-sm:                (($font-size-sm * $line-height-sm) + ($input-padding-y-sm * 2)) !default;
+$input-height: (($font-size-base * $line-height-base) + ($input-padding-y * 2))
+  !default;
+$input-height-lg: (
+     ($font-size-lg * $line-height-lg) + ($input-padding-y-lg * 2)
+  )
+  !default;
+$input-height-sm: (
+     ($font-size-sm * $line-height-sm) + ($input-padding-y-sm * 2)
+  )
+  !default;
 
-$form-group-margin-bottom:       $spacer-y !default;
+$form-group-margin-bottom: $spacer-y !default;
 $gf-form-margin: 0.2rem;
 
-$cursor-disabled:                not-allowed !default;
+$cursor-disabled: not-allowed !default;
 
 // Form validation icons
-$form-icon-success: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") !default;
-$form-icon-warning: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E") !default;
-$form-icon-danger: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E") !default;
+$form-icon-success: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E")
+  !default;
+$form-icon-warning: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E")
+  !default;
+$form-icon-danger: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E")
+  !default;
 
 // Z-index master list
 // -------------------------
 // Used for a bird's eye view of components dependent on the z-axis
 // Try to avoid customizing these :)
-$zindex-dropdown:          1000;
-$zindex-navbar-fixed:      1020;
-$zindex-sidemenu:          1025;
-$zindex-tooltip:           1030;
-$zindex-modal-backdrop:    1040;
-$zindex-modal:             1050;
-$zindex-typeahead:         1060;
+$zindex-dropdown: 1000;
+$zindex-navbar-fixed: 1020;
+$zindex-sidemenu: 1025;
+$zindex-tooltip: 1030;
+$zindex-modal-backdrop: 1040;
+$zindex-modal: 1050;
+$zindex-typeahead: 1060;
 
 // Buttons
 //
 
-$btn-padding-x:                  1rem !default;
-$btn-padding-y:                  .7rem !default;
-$btn-line-height:                1 !default;
-$btn-font-weight:                500 !default;
+$btn-padding-x: 1rem !default;
+$btn-padding-y: 0.7rem !default;
+$btn-line-height: 1 !default;
+$btn-font-weight: 500 !default;
 
-$btn-padding-x-sm:               .5rem !default;
-$btn-padding-y-sm:               .25rem !default;
+$btn-padding-x-sm: 0.5rem !default;
+$btn-padding-y-sm: 0.25rem !default;
 
-$btn-padding-x-lg:               21px !default;
-$btn-padding-y-lg:               11px !default;
+$btn-padding-x-lg: 21px !default;
+$btn-padding-y-lg: 11px !default;
 
-$btn-padding-x-xl:               21px !default;
-$btn-padding-y-xl:               11px !default;
+$btn-padding-x-xl: 21px !default;
+$btn-padding-y-xl: 11px !default;
 
-$btn-border-radius:              2px;
+$btn-border-radius: 2px;
 
-$btn-semi-transparent: rgba(0,0,0,0.2) !default;
+$btn-semi-transparent: rgba(0, 0, 0, 0.2) !default;
 
 // sidemenu
-$side-menu-width:  60px;
+$side-menu-width: 60px;
 
 // dashboard
 $panel-margin: 10px;
@@ -238,24 +221,9 @@ $panel-padding: 0px 10px 5px 10px;
 $tabs-padding: 10px 15px 9px;
 
 $external-services: (
-  github: (
-    bgColor: #464646,
-    borderColor: #393939,
-    icon: ''
-  ),
-  google: (
-    bgColor: #e84d3c,
-    borderColor: #b83e31,
-    icon: ''
-  ),
-  grafanacom: (
-    bgColor: inherit,
-    borderColor: #393939,
-    icon: ''
-  ),
-  oauth: (
-    bgColor: inherit,
-    borderColor: #393939,
-    icon: ''
+    github: (bgColor: #464646, borderColor: #393939, icon: ""),
+    google: (bgColor: #e84d3c, borderColor: #b83e31, icon: ""),
+    grafanacom: (bgColor: inherit, borderColor: #393939, icon: ""),
+    oauth: (bgColor: inherit, borderColor: #393939, icon: "")
   )
-) !default;
+  !default;

public/sass/base/_code.scss

@@ -2,7 +2,6 @@
 // Code (inline and blocK)
 // --------------------------------------------------
 
-
 // Inline and block code styles
 code,
 pre {

public/sass/base/_fonts.scss

@@ -3,225 +3,288 @@
 
 /* cyrillic-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 400;
-  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/roboto/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
-  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
+  src: local("Roboto"), local("Roboto-Regular"),
+    url(../fonts/roboto/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2)
+      format("woff2");
+  unicode-range: U+0460-052f, U+20b4, U+2de0-2dff, U+A640-A69F;
 }
 /* cyrillic */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 400;
-  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/roboto/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
-  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  src: local("Roboto"), local("Roboto-Regular"),
+    url(../fonts/roboto/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2)
+      format("woff2");
+  unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
 }
 /* greek-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 400;
-  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/roboto/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
-  unicode-range: U+1F00-1FFF;
+  src: local("Roboto"), local("Roboto-Regular"),
+    url(../fonts/roboto/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2)
+      format("woff2");
+  unicode-range: U+1f00-1fff;
 }
 /* greek */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 400;
-  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/roboto/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
-  unicode-range: U+0370-03FF;
+  src: local("Roboto"), local("Roboto-Regular"),
+    url(../fonts/roboto/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2)
+      format("woff2");
+  unicode-range: U+0370-03ff;
 }
 /* vietnamese */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 400;
-  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/roboto/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
-  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
+  src: local("Roboto"), local("Roboto-Regular"),
+    url(../fonts/roboto/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2)
+      format("woff2");
+  unicode-range: U+0102-0103, U+1ea0-1ef9, U+20ab;
 }
 /* latin-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 400;
-  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/roboto/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
-  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
+  src: local("Roboto"), local("Roboto-Regular"),
+    url(../fonts/roboto/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2)
+      format("woff2");
+  unicode-range: U+0100-024f, U+1-1eff, U+20a0-20ab, U+20ad-20cf, U+2c60-2c7f,
+    U+A720-A7FF;
 }
 /* latin */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 400;
-  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/roboto/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
+  src: local("Roboto"), local("Roboto-Regular"),
+    url(../fonts/roboto/CWB0XYA8bzo0kSThX0UTuA.woff2) format("woff2");
+  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02c6, U+02da, U+02dc,
+    U+2000-206f, U+2074, U+20ac, U+2212, U+2215;
 }
 /* cyrillic-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 500;
-  src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/roboto/ZLqKeelYbATG60EpZBSDyxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
-  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
+  src: local("Roboto Medium"), local("Roboto-Medium"),
+    url(../fonts/roboto/ZLqKeelYbATG60EpZBSDyxJtnKITppOI_IvcXXDNrsc.woff2)
+      format("woff2");
+  unicode-range: U+0460-052f, U+20b4, U+2de0-2dff, U+A640-A69F;
 }
 /* cyrillic */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 500;
-  src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/roboto/oHi30kwQWvpCWqAhzHcCSBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
-  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  src: local("Roboto Medium"), local("Roboto-Medium"),
+    url(../fonts/roboto/oHi30kwQWvpCWqAhzHcCSBJtnKITppOI_IvcXXDNrsc.woff2)
+      format("woff2");
+  unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
 }
 /* greek-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 500;
-  src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/roboto/rGvHdJnr2l75qb0YND9NyBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
-  unicode-range: U+1F00-1FFF;
+  src: local("Roboto Medium"), local("Roboto-Medium"),
+    url(../fonts/roboto/rGvHdJnr2l75qb0YND9NyBJtnKITppOI_IvcXXDNrsc.woff2)
+      format("woff2");
+  unicode-range: U+1f00-1fff;
 }
 /* greek */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 500;
-  src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/roboto/mx9Uck6uB63VIKFYnEMXrRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
-  unicode-range: U+0370-03FF;
+  src: local("Roboto Medium"), local("Roboto-Medium"),
+    url(../fonts/roboto/mx9Uck6uB63VIKFYnEMXrRJtnKITppOI_IvcXXDNrsc.woff2)
+      format("woff2");
+  unicode-range: U+0370-03ff;
 }
 /* vietnamese */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 500;
-  src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/roboto/mbmhprMH69Zi6eEPBYVFhRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
-  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
+  src: local("Roboto Medium"), local("Roboto-Medium"),
+    url(../fonts/roboto/mbmhprMH69Zi6eEPBYVFhRJtnKITppOI_IvcXXDNrsc.woff2)
+      format("woff2");
+  unicode-range: U+0102-0103, U+1ea0-1ef9, U+20ab;
 }
 /* latin-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 500;
-  src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/roboto/oOeFwZNlrTefzLYmlVV1UBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
-  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
+  src: local("Roboto Medium"), local("Roboto-Medium"),
+    url(../fonts/roboto/oOeFwZNlrTefzLYmlVV1UBJtnKITppOI_IvcXXDNrsc.woff2)
+      format("woff2");
+  unicode-range: U+0100-024f, U+1-1eff, U+20a0-20ab, U+20ad-20cf, U+2c60-2c7f,
+    U+A720-A7FF;
 }
 /* latin */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 500;
-  src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/roboto/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
+  src: local("Roboto Medium"), local("Roboto-Medium"),
+    url(../fonts/roboto/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2)
+      format("woff2");
+  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02c6, U+02da, U+02dc,
+    U+2000-206f, U+2074, U+20ac, U+2212, U+2215;
 }
 /* cyrillic-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: italic;
   font-weight: 400;
-  src: local('Roboto Italic'), local('Roboto-Italic'), url(../fonts/roboto/WxrXJa0C3KdtC7lMafG4dRTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
-  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
+  src: local("Roboto Italic"), local("Roboto-Italic"),
+    url(../fonts/roboto/WxrXJa0C3KdtC7lMafG4dRTbgVql8nDJpwnrE27mub0.woff2)
+      format("woff2");
+  unicode-range: U+0460-052f, U+20b4, U+2de0-2dff, U+A640-A69F;
 }
 /* cyrillic */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: italic;
   font-weight: 400;
-  src: local('Roboto Italic'), local('Roboto-Italic'), url(../fonts/roboto/OpXUqTo0UgQQhGj_SFdLWBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
-  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  src: local("Roboto Italic"), local("Roboto-Italic"),
+    url(../fonts/roboto/OpXUqTo0UgQQhGj_SFdLWBTbgVql8nDJpwnrE27mub0.woff2)
+      format("woff2");
+  unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
 }
 /* greek-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: italic;
   font-weight: 400;
-  src: local('Roboto Italic'), local('Roboto-Italic'), url(../fonts/roboto/1hZf02POANh32k2VkgEoUBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
-  unicode-range: U+1F00-1FFF;
+  src: local("Roboto Italic"), local("Roboto-Italic"),
+    url(../fonts/roboto/1hZf02POANh32k2VkgEoUBTbgVql8nDJpwnrE27mub0.woff2)
+      format("woff2");
+  unicode-range: U+1f00-1fff;
 }
 /* greek */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: italic;
   font-weight: 400;
-  src: local('Roboto Italic'), local('Roboto-Italic'), url(../fonts/roboto/cDKhRaXnQTOVbaoxwdOr9xTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
-  unicode-range: U+0370-03FF;
+  src: local("Roboto Italic"), local("Roboto-Italic"),
+    url(../fonts/roboto/cDKhRaXnQTOVbaoxwdOr9xTbgVql8nDJpwnrE27mub0.woff2)
+      format("woff2");
+  unicode-range: U+0370-03ff;
 }
 /* vietnamese */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: italic;
   font-weight: 400;
-  src: local('Roboto Italic'), local('Roboto-Italic'), url(../fonts/roboto/K23cxWVTrIFD6DJsEVi07RTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
-  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
+  src: local("Roboto Italic"), local("Roboto-Italic"),
+    url(../fonts/roboto/K23cxWVTrIFD6DJsEVi07RTbgVql8nDJpwnrE27mub0.woff2)
+      format("woff2");
+  unicode-range: U+0102-0103, U+1ea0-1ef9, U+20ab;
 }
 /* latin-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: italic;
   font-weight: 400;
-  src: local('Roboto Italic'), local('Roboto-Italic'), url(../fonts/roboto/vSzulfKSK0LLjjfeaxcREhTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
-  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
+  src: local("Roboto Italic"), local("Roboto-Italic"),
+    url(../fonts/roboto/vSzulfKSK0LLjjfeaxcREhTbgVql8nDJpwnrE27mub0.woff2)
+      format("woff2");
+  unicode-range: U+0100-024f, U+1-1eff, U+20a0-20ab, U+20ad-20cf, U+2c60-2c7f,
+    U+A720-A7FF;
 }
 /* latin */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: italic;
   font-weight: 400;
-  src: local('Roboto Italic'), local('Roboto-Italic'), url(../fonts/roboto/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
+  src: local("Roboto Italic"), local("Roboto-Italic"),
+    url(../fonts/roboto/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2)
+      format("woff2");
+  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02c6, U+02da, U+02dc,
+    U+2000-206f, U+2074, U+20ac, U+2212, U+2215;
 }
 /* cyrillic-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: italic;
   font-weight: 500;
-  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(../fonts/roboto/OLffGBTaF0XFOW1gnuHF0TTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2');
-  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
+  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"),
+    url(../fonts/roboto/OLffGBTaF0XFOW1gnuHF0TTOQ_MqJVwkKsUn0wKzc2I.woff2)
+      format("woff2");
+  unicode-range: U+0460-052f, U+20b4, U+2de0-2dff, U+A640-A69F;
 }
 /* cyrillic */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: italic;
   font-weight: 500;
-  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(../fonts/roboto/OLffGBTaF0XFOW1gnuHF0TUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');
-  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"),
+    url(../fonts/roboto/OLffGBTaF0XFOW1gnuHF0TUj_cnvWIuuBMVgbX098Mw.woff2)
+      format("woff2");
+  unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
 }
 /* greek-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: italic;
   font-weight: 500;
-  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(../fonts/roboto/OLffGBTaF0XFOW1gnuHF0UbcKLIaa1LC45dFaAfauRA.woff2) format('woff2');
-  unicode-range: U+1F00-1FFF;
+  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"),
+    url(../fonts/roboto/OLffGBTaF0XFOW1gnuHF0UbcKLIaa1LC45dFaAfauRA.woff2)
+      format("woff2");
+  unicode-range: U+1f00-1fff;
 }
 /* greek */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: italic;
   font-weight: 500;
-  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(../fonts/roboto/OLffGBTaF0XFOW1gnuHF0Wo_sUJ8uO4YLWRInS22T3Y.woff2) format('woff2');
-  unicode-range: U+0370-03FF;
+  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"),
+    url(../fonts/roboto/OLffGBTaF0XFOW1gnuHF0Wo_sUJ8uO4YLWRInS22T3Y.woff2)
+      format("woff2");
+  unicode-range: U+0370-03ff;
 }
 /* vietnamese */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: italic;
   font-weight: 500;
-  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(../fonts/roboto/OLffGBTaF0XFOW1gnuHF0b6up8jxqWt8HVA3mDhkV_0.woff2) format('woff2');
-  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
+  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"),
+    url(../fonts/roboto/OLffGBTaF0XFOW1gnuHF0b6up8jxqWt8HVA3mDhkV_0.woff2)
+      format("woff2");
+  unicode-range: U+0102-0103, U+1ea0-1ef9, U+20ab;
 }
 /* latin-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: italic;
   font-weight: 500;
-  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(../fonts/roboto/OLffGBTaF0XFOW1gnuHF0SYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
-  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
+  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"),
+    url(../fonts/roboto/OLffGBTaF0XFOW1gnuHF0SYE0-AqJ3nfInTTiDXDjU4.woff2)
+      format("woff2");
+  unicode-range: U+0100-024f, U+1-1eff, U+20a0-20ab, U+20ad-20cf, U+2c60-2c7f,
+    U+A720-A7FF;
 }
 /* latin */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: italic;
   font-weight: 500;
-  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(../fonts/roboto/OLffGBTaF0XFOW1gnuHF0Y4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
+  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"),
+    url(../fonts/roboto/OLffGBTaF0XFOW1gnuHF0Y4P5ICox8Kq3LLUNMylGO4.woff2)
+      format("woff2");
+  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02c6, U+02da, U+02dc,
+    U+2000-206f, U+2074, U+20ac, U+2212, U+2215;
 }

public/sass/base/_forms.scss

@@ -2,7 +2,6 @@
 // Forms
 // --------------------------------------------------
 
-
 // GENERAL STYLES
 // --------------
 
@@ -20,7 +19,7 @@ legend {
 
   // Small
   small {
-    font-size: $line-height-base * .75;
+    font-size: $line-height-base * 0.75;
     color: $gray-2;
   }
 }
@@ -100,11 +99,11 @@ input[type="checkbox"]:focus {
 // not a big fan of number fields
 input[type="number"]::-webkit-outer-spin-button,
 input[type="number"]::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
+  -webkit-appearance: none;
+  margin: 0;
 }
 input[type="number"] {
-    -moz-appearance: textfield;
+  -moz-appearance: textfield;
 }
 // Placeholder
 // -------------------------
@@ -119,12 +118,24 @@ textarea {
 // -----------
 
 // General classes for quick sizes
-.input-mini       { width: 60px; }
-.input-small      { width: 90px; }
-.input-medium     { width: 150px; }
-.input-large      { width: 210px; }
-.input-xlarge     { width: 270px; }
-.input-xxlarge    { width: 530px; }
+.input-mini {
+  width: 60px;
+}
+.input-small {
+  width: 90px;
+}
+.input-medium {
+  width: 150px;
+}
+.input-large {
+  width: 210px;
+}
+.input-xlarge {
+  width: 270px;
+}
+.input-xxlarge {
+  width: 530px;
+}
 
 // GRID SIZING FOR INPUTS
 // ----------------------
@@ -152,7 +163,7 @@ input[type="checkbox"][readonly] {
   background-color: transparent;
 }
 
-input[type=text].input-fluid {
+input[type="text"].input-fluid {
   width: 100%;
   box-sizing: border-box;
   padding: 10px;
@@ -180,10 +191,10 @@ label.cr1 {
   padding: 0 0 0 20px;
   vertical-align: top;
   background: url($checkboxImageUrl) left top no-repeat;
-  cursor:pointer;
+  cursor: pointer;
 }
 
-input[type="checkbox"].cr1:checked+label {
+input[type="checkbox"].cr1:checked + label {
   background: url($checkboxImageUrl) 0px -18px no-repeat;
 }
 
@@ -192,7 +203,7 @@ input[type="checkbox"].cr1:checked+label {
   display: block;
   overflow: hidden;
   padding-right: 10px;
-  input[type=text] {
+  input[type="text"] {
     width: 100%;
     padding: 5px 6px;
     height: 100%;

public/sass/base/_grafana_icons.scss

@@ -1,29 +1,30 @@
 @font-face {
-    font-family: 'grafana-icons';
-    src:    url('../fonts/grafana-icons.eot?okx5td');
-    src:    url('../fonts/grafana-icons.eot?okx5td#iefix') format('embedded-opentype'),
-        url('../fonts/grafana-icons.ttf?okx5td') format('truetype'),
-        url('../fonts/grafana-icons.woff?okx5td') format('woff'),
-        url('../fonts/grafana-icons.svg?okx5td#grafana-icons') format('svg');
-    font-weight: normal;
-    font-style: normal;
+  font-family: "grafana-icons";
+  src: url("../fonts/grafana-icons.eot?okx5td");
+  src: url("../fonts/grafana-icons.eot?okx5td#iefix")
+      format("embedded-opentype"),
+    url("../fonts/grafana-icons.ttf?okx5td") format("truetype"),
+    url("../fonts/grafana-icons.woff?okx5td") format("woff"),
+    url("../fonts/grafana-icons.svg?okx5td#grafana-icons") format("svg");
+  font-weight: normal;
+  font-style: normal;
 }
 
 .icon-gf {
-    /* use !important to prevent issues with browser extensions that change fonts */
-    font-family: 'grafana-icons' !important;
-    speak: none;
-    font-style: normal;
-    font-weight: normal;
-    font-variant: normal;
-    text-transform: none;
-    line-height: 1;
-    display: inline-block;
-    vertical-align: middle;
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: "grafana-icons" !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  display: inline-block;
+  vertical-align: middle;
 
-    /* Better Font Rendering =========== */
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
 .icon-gf-fw {
@@ -36,166 +37,165 @@
 }
 
 .icon-gf-raintank_wordmark:before {
-    content: "\e600";
+  content: "\e600";
 }
 .micon-gf-raintank_icn:before {
-    content: "\e601";
+  content: "\e601";
 }
 .icon-gf-raintank_r-icn:before {
-    content: "\e905";
+  content: "\e905";
 }
 .icon-gf-check-alt:before {
-    content: "\e603";
+  content: "\e603";
 }
 .icon-gf-check:before {
-    content: "\e604";
+  content: "\e604";
 }
 .icon-gf-collector:before {
-    content: "\e605";
+  content: "\e605";
 }
 .icon-gf-dashboard:before {
-    content: "\e606";
+  content: "\e606";
 }
 .icon-gf-panel:before {
-    content: "\e904";
+  content: "\e904";
 }
 .icon-gf-datasources:before {
-    content: "\e607";
+  content: "\e607";
 }
 .icon-gf-endpoint-tiny:before {
-    content: "\e608";
+  content: "\e608";
 }
 .icon-gf-endpoint:before {
-    content: "\e609";
+  content: "\e609";
 }
 .icon-gf-page:before {
-    content: "\e908";
+  content: "\e908";
 }
 .icon-gf-filter:before {
-    content: "\e60a";
+  content: "\e60a";
 }
 .icon-gf-status:before {
-    content: "\e60b";
+  content: "\e60b";
 }
 .icon-gf-monitoring:before {
-    content: "\e60c";
+  content: "\e60c";
 }
 .icon-gf-monitoring-tiny:before {
-    content: "\e620";
+  content: "\e620";
 }
 .icon-gf-jump-to-dashboard:before {
-    content: "\e60d";
+  content: "\e60d";
 }
 .icon-gf-warn,
 .icon-gf-warning:before {
-    content: "\e60e";
+  content: "\e60e";
 }
 .icon-gf-nodata:before {
-    content: "\e60f";
+  content: "\e60f";
 }
 .icon-gf-critical:before {
-    content: "\e610";
+  content: "\e610";
 }
 .icon-gf-crit:before {
   content: "\e610";
 }
 .icon-gf-online:before {
-    content: "\e611";
+  content: "\e611";
 }
 .icon-gf-event-error:before {
-    content: "\e623";
+  content: "\e623";
 }
 .icon-gf-event:before {
-    content: "\e624";
+  content: "\e624";
 }
 .icon-gf-sadface:before {
-    content: "\e907";
+  content: "\e907";
 }
 .icon-gf-private-collector:before {
-    content: "\e612";
+  content: "\e612";
 }
 .icon-gf-alert:before {
-    content: "\e61f";
+  content: "\e61f";
 }
 .icon-gf-alert-disabled:before {
-    content: "\e621";
+  content: "\e621";
 }
 .icon-gf-refresh:before {
-    content: "\e613";
+  content: "\e613";
 }
 .icon-gf-save:before {
-    content: "\e614";
+  content: "\e614";
 }
 .icon-gf-share:before {
-    content: "\e616";
+  content: "\e616";
 }
 .icon-gf-star:before {
-    content: "\e617";
+  content: "\e617";
 }
 .icon-gf-search:before {
-    content: "\e618";
+  content: "\e618";
 }
 .icon-gf-settings:before {
-    content: "\e615";
+  content: "\e615";
 }
 .icon-gf-add:before {
-    content: "\e619";
+  content: "\e619";
 }
 .icon-gf-remove:before {
-    content: "\e61a";
+  content: "\e61a";
 }
 .icon-gf-video:before {
-    content: "\e61b";
+  content: "\e61b";
 }
 .icon-gf-bulk_action:before {
-    content: "\e61c";
+  content: "\e61c";
 }
 .icon-gf-grabber:before {
   content: "\e90b";
 }
 .icon-gf-users:before {
-    content: "\e622";
+  content: "\e622";
 }
 .icon-gf-globe:before {
-    content: "\e61d";
+  content: "\e61d";
 }
 .icon-gf-snapshot:before {
-    content: "\e61e";
+  content: "\e61e";
 }
 .icon-gf-play-grafana-icon:before {
-    content: "\e629";
+  content: "\e629";
 }
 .icon-gf-grafana-icon:before {
-    content: "\e625";
+  content: "\e625";
 }
 .icon-gf-email:before {
-    content: "\e628";
+  content: "\e628";
 }
 .icon-gf-stopwatch:before {
-    content: "\e626";
+  content: "\e626";
 }
 .icon-gf-skull:before {
-    content: "\e900";
+  content: "\e900";
 }
 .icon-gf-probe:before {
-    content: "\e901";
+  content: "\e901";
 }
 .icon-gf-apps:before {
-    content: "\e902";
+  content: "\e902";
 }
 .icon-gf-scale:before {
-    content: "\e906";
+  content: "\e906";
 }
 .icon-gf-pending:before {
-    content: "\e909";
+  content: "\e909";
 }
 .icon-gf-verified:before {
-    content: "\e90a";
+  content: "\e90a";
 }
 .icon-gf-worldping:before {
-    content: "\e627";
+  content: "\e627";
 }
 .icon-gf-grafana_wordmark:before {
-    content: "\e903";
+  content: "\e903";
 }
-

public/sass/base/_grid.scss

@@ -1,4 +1,3 @@
-
 // Container widths
 //
 // Set the container width, and override it for fixed navbars in media queries.

public/sass/base/_icons.scss

@@ -17,173 +17,172 @@
 }
 
 .gicon-add-annotation {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_add_annotation.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_add_annotation.svg");
 }
 
 .gicon-add-annotation-alt {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_add_annotation_alt.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_add_annotation_alt.svg");
 }
 
 .gicon-add-datasources {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_add_data_sources.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_add_data_sources.svg");
 }
 
 .gicon-add-user {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_add_user.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_add_user.svg");
 }
 
 .gicon-add-team {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_add_team.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_add_team.svg");
 }
 
 .gicon-add-panel {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_add_panel.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_add_panel.svg");
 }
 
 .gicon-add-link {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_add_link.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_add_link.svg");
 }
 
 .gicon-add-variable {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_add_variable.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_add_variable.svg");
 }
 
 .gicon-alert {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_alert.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_alert.svg");
 }
 
 .gicon-alert-alt {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_alert_alt.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_alert_alt.svg");
 }
 
 .gicon-alert-rules {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_alert_rules.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_alert_rules.svg");
 }
 
 .gicon-alert-notification-channel {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_notification_channels.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_notification_channels.svg");
 }
 
 .gicon-annotation {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_annotation.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_annotation.svg");
 }
 
 .gicon-annotation-alt {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_annotation_alt.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_annotation_alt.svg");
 }
 
 .gicon-apikeys {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_apikeys.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_apikeys.svg");
 }
 
 .gicon-branding {
-  background-image: url('../img/grafana_icon.svg');
+  background-image: url("../img/grafana_icon.svg");
 }
 
 .gicon-cog {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_cog.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_cog.svg");
 }
 
 .gicon-dashboard {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_dashboard.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_dashboard.svg");
 }
 
 .gicon-dashboard-starred {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_dashboard_fav.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_dashboard_fav.svg");
 }
 
 .gicon-dashboard-list {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_dashboard_list.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_dashboard_list.svg");
 }
 
 .gicon-dashboard-new {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_new_dashboard.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_new_dashboard.svg");
 }
 
 .gicon-dashboard-import {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_import_dashboard.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_import_dashboard.svg");
 }
 
 .gicon-datasources {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_data_sources.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_data_sources.svg");
 }
 
 .gicon-folder-new {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_add_folder.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_add_folder.svg");
 }
 
 .gicon-home {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_home.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_home.svg");
 }
 
 .gicon-json {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_json.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_json.svg");
 }
 
 .gicon-link {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_link.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_link.svg");
 }
 
 .gicon-manage {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_sitemap.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_sitemap.svg");
 }
 
 .gicon-org {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_org.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_org.svg");
 }
 
 .gicon-playlists {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_playlist.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_playlist.svg");
 }
 
 .gicon-plugins {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_plugins.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_plugins.svg");
 }
 
 .gicon-preferences {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_preferences.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_preferences.svg");
 }
 
 .gicon-question {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_question.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_question.svg");
 }
 
 .gicon-shield {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_shield.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_shield.svg");
 }
 
 .gicon-snapshots {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_snapshots.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_snapshots.svg");
 }
 
 .gicon-team {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_team.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_team.svg");
 }
 
 .gicon-user {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_user.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_user.svg");
 }
 
 .gicon-variable {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_variable.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_variable.svg");
 }
 
 .gicon-zoom-out {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_zoom_out.svg');
+  background-image: url("../img/icons_#{$theme-name}_theme/icon_zoom_out.svg");
 }
 
-
 .sidemenu {
   .gicon-dashboard {
-    background-image: url('../img/icons_dark_theme/icon_dashboard.svg');
+    background-image: url("../img/icons_dark_theme/icon_dashboard.svg");
   }
   .gicon-alert {
-    background-image: url('../img/icons_dark_theme/icon_alert.svg');
+    background-image: url("../img/icons_dark_theme/icon_alert.svg");
   }
   .gicon-cog {
-    background-image: url('../img/icons_dark_theme/icon_cog.svg');
+    background-image: url("../img/icons_dark_theme/icon_cog.svg");
   }
   .gicon-question {
-    background-image: url('../img/icons_dark_theme/icon_question.svg');
+    background-image: url("../img/icons_dark_theme/icon_question.svg");
   }
 }

public/sass/base/_normalize.scss

@@ -291,8 +291,8 @@ select {
 //
 
 button,
-html input[type="button"], // 1
-input[type="reset"],
+html input[type="button"],
+// 1 input[type="reset"],
 input[type="submit"] {
   -webkit-appearance: button; // 2
   cursor: pointer; // 3

public/sass/base/_reboot.scss

@@ -5,7 +5,6 @@
 // Global resets to common HTML elements and more for easier usage by Bootstrap.
 // Adds additional rules on top of Normalize.css, including several overrides.
 
-
 // Reset the box-sizing
 //
 // Change from `box-sizing: content-box` to `border-box` so that when you add
@@ -29,7 +28,6 @@ html {
   box-sizing: inherit;
 }
 
-
 // Make viewport responsive
 //
 // @viewport is needed because IE 10+ doesn't honor <meta name="viewport"> in
@@ -46,10 +44,11 @@ html {
 // Wrap `@viewport` with `@at-root` for when folks do a nested import (e.g.,
 // `.class-name { @import "bootstrap"; }`).
 @at-root {
-  @-ms-viewport { width: device-width; }
+  @-ms-viewport {
+    width: device-width;
+  }
 }
 
-
 //
 // Reset HTML, body, and more
 //
@@ -65,7 +64,7 @@ html {
   // See https://github.com/twbs/bootstrap/issues/18543
   -ms-overflow-style: scrollbar;
   // Changes the default tap highlight to be completely transparent in iOS.
-  -webkit-tap-highlight-color: rgba(0,0,0,0);
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   height: 100%;
 }
 
@@ -92,7 +91,6 @@ body {
   outline: none !important;
 }
 
-
 //
 // Typography
 //
@@ -101,9 +99,14 @@ body {
 //
 // By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top
 // margin for easier control within type scales as it avoids margin collapsing.
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   margin-top: 0;
-  margin-bottom: .5rem;
+  margin-bottom: 0.5rem;
 }
 
 // Reset margins on paragraphs
@@ -116,9 +119,7 @@ p {
 }
 
 // Abbreviations and acronyms
-abbr[title],
-// Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
-abbr[data-original-title] {
+abbr[title] {
   cursor: help;
   border-bottom: 1px dotted $abbr-border-color;
 }
@@ -148,7 +149,7 @@ dt {
 }
 
 dd {
-  margin-bottom: .5rem;
+  margin-bottom: 0.5rem;
   margin-left: 0; // Undo browser default
 }
 
@@ -156,7 +157,6 @@ blockquote {
   margin: 0 0 1rem;
 }
 
-
 //
 // Links
 //
@@ -175,7 +175,6 @@ a {
   }
 }
 
-
 //
 // Code
 //
@@ -187,7 +186,6 @@ pre {
   margin-bottom: 1rem;
 }
 
-
 //
 // Figures
 //
@@ -198,7 +196,6 @@ figure {
   margin: 0 0 1rem;
 }
 
-
 //
 // Images
 //
@@ -211,7 +208,6 @@ img {
   // For the rationale behind this, see the comments on the `.img-fluid` class.
 }
 
-
 // iOS "clickable elements" fix for role="button"
 //
 // Fixes "clickability" issue (and more generally, the firing of events such as focus as well)
@@ -222,7 +218,6 @@ img {
   cursor: pointer;
 }
 
-
 // Avoid 300ms click delay on touch devices that support the `touch-action` CSS property.
 //
 // In particular, unlike most other browsers, IE11+Edge on Windows 10 on touch devices and IE Mobile 10-11
@@ -245,7 +240,6 @@ textarea {
   touch-action: manipulation;
 }
 
-
 //
 // Tables
 //
@@ -268,7 +262,6 @@ th {
   text-align: left;
 }
 
-
 //
 // Forms
 //
@@ -321,10 +314,10 @@ legend {
   display: block;
   width: 100%;
   padding: 0;
-  margin-bottom: .5rem;
+  margin-bottom: 0.5rem;
   font-size: 1.5rem;
   line-height: inherit;
-//  border: 0;
+  //  border: 0;
 }
 
 input[type="search"] {
@@ -338,9 +331,9 @@ input[type="search"] {
 // todo: needed?
 output {
   display: inline-block;
-//  font-size: $font-size-base;
-//  line-height: $line-height;
-//  color: $input-color;
+  //  font-size: $font-size-base;
+  //  line-height: $line-height;
+  //  color: $input-color;
 }
 
 // Always hide an element with the `hidden` HTML attribute (from PureCSS).

public/sass/base/_type.scss

@@ -2,7 +2,6 @@
 // Typography
 // --------------------------------------------------
 
-
 // Body text
 // -------------------------
 
@@ -21,37 +20,70 @@ p {
 // -------------------------
 
 // Ex: 14px base font * 85% = about 12px
-small   { font-size: 85%; }
-strong  { font-weight: bold; }
-em      { font-style: italic; color: $headings-color; }
-cite    { font-style: normal; }
+small {
+  font-size: 85%;
+}
+strong {
+  font-weight: bold;
+}
+em {
+  font-style: italic;
+  color: $headings-color;
+}
+cite {
+  font-style: normal;
+}
 
 // Utility classes
-.muted               { color: $text-muted; }
+.muted {
+  color: $text-muted;
+}
 a.muted:hover,
-a.muted:focus        { color: darken($text-muted, 10%); }
+a.muted:focus {
+  color: darken($text-muted, 10%);
+}
 
-.text-warning        { color: $warning-text-color; }
+.text-warning {
+  color: $warning-text-color;
+}
 a.text-warning:hover,
-a.text-warning:focus { color: darken($warning-text-color, 10%); }
+a.text-warning:focus {
+  color: darken($warning-text-color, 10%);
+}
 
-.text-error          { color: $error-text-color; }
+.text-error {
+  color: $error-text-color;
+}
 a.text-error:hover,
-a.text-error:focus   { color: darken($error-text-color, 10%); }
+a.text-error:focus {
+  color: darken($error-text-color, 10%);
+}
 
-.text-info           { color: $info-text-color; }
+.text-info {
+  color: $info-text-color;
+}
 a.text-info:hover,
-a.text-info:focus    { color: darken($info-text-color, 10%); }
+a.text-info:focus {
+  color: darken($info-text-color, 10%);
+}
 
-.text-success        { color: $success-text-color; }
+.text-success {
+  color: $success-text-color;
+}
 a.text-success:hover,
-a.text-success:focus { color: darken($success-text-color, 10%); }
-a { cursor: pointer; }
+a.text-success:focus {
+  color: darken($success-text-color, 10%);
+}
+a {
+  cursor: pointer;
+}
 
-.text-link { text-decoration: underline; }
+.text-link {
+  text-decoration: underline;
+}
 
 a:focus {
-  outline:0 none !important;
+  outline: 0 none !important;
 }
 
 a[disabled] {
@@ -59,16 +91,32 @@ a[disabled] {
   pointer-events: none !important;
 }
 
-.text-left           { text-align: left; }
-.text-right          { text-align: right; }
-.text-center         { text-align: center; }
+.text-left {
+  text-align: left;
+}
+.text-right {
+  text-align: right;
+}
+.text-center {
+  text-align: center;
+}
 
 //
 // Headings
 //
 
-h1, h2, h3, h4, h5, h6,
-.h1, .h2, .h3, .h4, .h5, .h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
   margin-bottom: $headings-margin-bottom;
   font-family: $headings-font-family;
   font-weight: $headings-font-weight;
@@ -76,12 +124,30 @@ h1, h2, h3, h4, h5, h6,
   color: $headings-color;
 }
 
-h1, .h1 { font-size: $font-size-h1; }
-h2, .h2 { font-size: $font-size-h2; }
-h3, .h3 { font-size: $font-size-h3; }
-h4, .h4 { font-size: $font-size-h4; }
-h5, .h5 { font-size: $font-size-h5; }
-h6, .h6 { font-size: $font-size-h6; }
+h1,
+.h1 {
+  font-size: $font-size-h1;
+}
+h2,
+.h2 {
+  font-size: $font-size-h2;
+}
+h3,
+.h3 {
+  font-size: $font-size-h3;
+}
+h4,
+.h4 {
+  font-size: $font-size-h4;
+}
+h5,
+.h5 {
+  font-size: $font-size-h5;
+}
+h6,
+.h6 {
+  font-size: $font-size-h6;
+}
 
 .lead {
   font-size: $lead-font-size;
@@ -106,7 +172,6 @@ h6, .h6 { font-size: $font-size-h6; }
   font-weight: $display4-weight;
 }
 
-
 //
 // Horizontal rules
 //
@@ -118,7 +183,6 @@ hr {
   border-top: $hr-border-width solid $hr-border-color;
 }
 
-
 //
 // Emphasis
 //
@@ -135,16 +199,16 @@ small,
 
 mark,
 .mark {
-  padding: .2em;
+  padding: 0.2em;
   background: $alert-warning-bg;
 }
 
-
 // Lists
 // --------------------------------------------------
 
 // Unordered and Ordered lists
-ul, ol {
+ul,
+ol {
   padding: 0;
 }
 ul ul,
@@ -209,12 +273,11 @@ dd {
 // ----
 
 // Abbreviations and acronyms
-abbr[title],
-// Added data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
-abbr[data-original-title] {
+abbr[title] {
   cursor: help;
   border-bottom: 1px dotted $gray-2;
 }
+
 abbr.initialism {
   font-size: 90%;
   text-transform: uppercase;
@@ -236,7 +299,7 @@ blockquote {
     line-height: $line-height-base;
     color: $gray-2;
     &:before {
-      content: '\2014 \00A0';
+      content: "\2014 \00A0";
     }
   }
 
@@ -253,10 +316,10 @@ blockquote {
     }
     small {
       &:before {
-        content: '';
+        content: "";
       }
       &:after {
-        content: '\00A0 \2014';
+        content: "\00A0 \2014";
       }
     }
   }
@@ -279,11 +342,10 @@ address {
 }
 
 a.external-link {
-  color:  $external-link-color;
+  color: $external-link-color;
   text-decoration: underline;
 }
 
-
 .link {
   color: $link-color;
   cursor: pointer;
@@ -302,14 +364,16 @@ a.external-link {
     max-width: 100%;
   }
 
-  ul, ol {
+  ul,
+  ol {
     padding-left: $spacer*1.5;
     margin-bottom: $spacer;
   }
 
   table {
-    td, th {
-      padding: $spacer*.5 $spacer;
+    td,
+    th {
+      padding: $spacer*0.5 $spacer;
     }
     th {
       font-weight: normal;
@@ -317,7 +381,9 @@ a.external-link {
     }
   }
 
-  table, th, td {
+  table,
+  th,
+  td {
     border: 1px solid $table-border;
     border-collapse: collapse;
   }
@@ -334,7 +400,8 @@ a.external-link {
     margin-bottom: 0;
   }
 
-  ul:last-child, ol:last-child {
+  ul:last-child,
+  ol:last-child {
     margin-bottom: 0;
   }
 }
@@ -342,4 +409,3 @@ a.external-link {
 .no-wrap {
   white-space: nowrap;
 }
-

public/sass/base/font-awesome/_animated.scss

@@ -3,32 +3,32 @@
 
 .#{$fa-css-prefix}-spin {
   -webkit-animation: fa-spin 2s infinite linear;
-          animation: fa-spin 2s infinite linear;
+  animation: fa-spin 2s infinite linear;
 }
 
 .#{$fa-css-prefix}-pulse {
   -webkit-animation: fa-spin 1s infinite steps(8);
-          animation: fa-spin 1s infinite steps(8);
+  animation: fa-spin 1s infinite steps(8);
 }
 
 @-webkit-keyframes fa-spin {
   0% {
     -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
+    transform: rotate(0deg);
   }
   100% {
     -webkit-transform: rotate(359deg);
-            transform: rotate(359deg);
+    transform: rotate(359deg);
   }
 }
 
 @keyframes fa-spin {
   0% {
     -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
+    transform: rotate(0deg);
   }
   100% {
     -webkit-transform: rotate(359deg);
-            transform: rotate(359deg);
+    transform: rotate(359deg);
   }
 }

public/sass/base/font-awesome/_bordered-pulled.scss

@@ -2,24 +2,40 @@
 // -------------------------
 
 .#{$fa-css-prefix}-border {
-  padding: .2em .25em .15em;
-  border: solid .08em $fa-border-color;
-  border-radius: .1em;
+  padding: 0.2em 0.25em 0.15em;
+  border: solid 0.08em $fa-border-color;
+  border-radius: 0.1em;
 }
 
-.#{$fa-css-prefix}-pull-left { float: left; }
-.#{$fa-css-prefix}-pull-right { float: right; }
+.#{$fa-css-prefix}-pull-left {
+  float: left;
+}
+.#{$fa-css-prefix}-pull-right {
+  float: right;
+}
 
 .#{$fa-css-prefix} {
-  &.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
-  &.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
+  &.#{$fa-css-prefix}-pull-left {
+    margin-right: 0.3em;
+  }
+  &.#{$fa-css-prefix}-pull-right {
+    margin-left: 0.3em;
+  }
 }
 
 /* Deprecated as of 4.4.0 */
-.pull-right { float: right; }
-.pull-left { float: left; }
+.pull-right {
+  float: right;
+}
+.pull-left {
+  float: left;
+}
 
 .#{$fa-css-prefix} {
-  &.pull-left { margin-right: .3em; }
-  &.pull-right { margin-left: .3em; }
+  &.pull-left {
+    margin-right: 0.3em;
+  }
+  &.pull-right {
+    margin-left: 0.3em;
+  }
 }

public/sass/base/font-awesome/_core.scss

@@ -3,10 +3,10 @@
 
 .#{$fa-css-prefix} {
   display: inline-block;
-  font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
+  font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base}
+    FontAwesome; // shortening font declaration
   font-size: inherit; // can't have font-size inherit on line above, so need to override
   text-rendering: auto; // optimizelegibility throws things off #1094
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-
 }

public/sass/base/font-awesome/_icons.scss

@@ -1,789 +1,2139 @@
 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
 
-.#{$fa-css-prefix}-glass:before { content: $fa-var-glass; }
-.#{$fa-css-prefix}-music:before { content: $fa-var-music; }
-.#{$fa-css-prefix}-search:before { content: $fa-var-search; }
-.#{$fa-css-prefix}-envelope-o:before { content: $fa-var-envelope-o; }
-.#{$fa-css-prefix}-heart:before { content: $fa-var-heart; }
-.#{$fa-css-prefix}-star:before { content: $fa-var-star; }
-.#{$fa-css-prefix}-star-o:before { content: $fa-var-star-o; }
-.#{$fa-css-prefix}-user:before { content: $fa-var-user; }
-.#{$fa-css-prefix}-film:before { content: $fa-var-film; }
-.#{$fa-css-prefix}-th-large:before { content: $fa-var-th-large; }
-.#{$fa-css-prefix}-th:before { content: $fa-var-th; }
-.#{$fa-css-prefix}-th-list:before { content: $fa-var-th-list; }
-.#{$fa-css-prefix}-check:before { content: $fa-var-check; }
+.#{$fa-css-prefix}-glass:before {
+  content: $fa-var-glass;
+}
+.#{$fa-css-prefix}-music:before {
+  content: $fa-var-music;
+}
+.#{$fa-css-prefix}-search:before {
+  content: $fa-var-search;
+}
+.#{$fa-css-prefix}-envelope-o:before {
+  content: $fa-var-envelope-o;
+}
+.#{$fa-css-prefix}-heart:before {
+  content: $fa-var-heart;
+}
+.#{$fa-css-prefix}-star:before {
+  content: $fa-var-star;
+}
+.#{$fa-css-prefix}-star-o:before {
+  content: $fa-var-star-o;
+}
+.#{$fa-css-prefix}-user:before {
+  content: $fa-var-user;
+}
+.#{$fa-css-prefix}-film:before {
+  content: $fa-var-film;
+}
+.#{$fa-css-prefix}-th-large:before {
+  content: $fa-var-th-large;
+}
+.#{$fa-css-prefix}-th:before {
+  content: $fa-var-th;
+}
+.#{$fa-css-prefix}-th-list:before {
+  content: $fa-var-th-list;
+}
+.#{$fa-css-prefix}-check:before {
+  content: $fa-var-check;
+}
 .#{$fa-css-prefix}-remove:before,
 .#{$fa-css-prefix}-close:before,
-.#{$fa-css-prefix}-times:before { content: $fa-var-times; }
-.#{$fa-css-prefix}-search-plus:before { content: $fa-var-search-plus; }
-.#{$fa-css-prefix}-search-minus:before { content: $fa-var-search-minus; }
-.#{$fa-css-prefix}-power-off:before { content: $fa-var-power-off; }
-.#{$fa-css-prefix}-signal:before { content: $fa-var-signal; }
+.#{$fa-css-prefix}-times:before {
+  content: $fa-var-times;
+}
+.#{$fa-css-prefix}-search-plus:before {
+  content: $fa-var-search-plus;
+}
+.#{$fa-css-prefix}-search-minus:before {
+  content: $fa-var-search-minus;
+}
+.#{$fa-css-prefix}-power-off:before {
+  content: $fa-var-power-off;
+}
+.#{$fa-css-prefix}-signal:before {
+  content: $fa-var-signal;
+}
 .#{$fa-css-prefix}-gear:before,
-.#{$fa-css-prefix}-cog:before { content: $fa-var-cog; }
-.#{$fa-css-prefix}-trash-o:before { content: $fa-var-trash-o; }
-.#{$fa-css-prefix}-home:before { content: $fa-var-home; }
-.#{$fa-css-prefix}-file-o:before { content: $fa-var-file-o; }
-.#{$fa-css-prefix}-clock-o:before { content: $fa-var-clock-o; }
-.#{$fa-css-prefix}-road:before { content: $fa-var-road; }
-.#{$fa-css-prefix}-download:before { content: $fa-var-download; }
-.#{$fa-css-prefix}-arrow-circle-o-down:before { content: $fa-var-arrow-circle-o-down; }
-.#{$fa-css-prefix}-arrow-circle-o-up:before { content: $fa-var-arrow-circle-o-up; }
-.#{$fa-css-prefix}-inbox:before { content: $fa-var-inbox; }
-.#{$fa-css-prefix}-play-circle-o:before { content: $fa-var-play-circle-o; }
+.#{$fa-css-prefix}-cog:before {
+  content: $fa-var-cog;
+}
+.#{$fa-css-prefix}-trash-o:before {
+  content: $fa-var-trash-o;
+}
+.#{$fa-css-prefix}-home:before {
+  content: $fa-var-home;
+}
+.#{$fa-css-prefix}-file-o:before {
+  content: $fa-var-file-o;
+}
+.#{$fa-css-prefix}-clock-o:before {
+  content: $fa-var-clock-o;
+}
+.#{$fa-css-prefix}-road:before {
+  content: $fa-var-road;
+}
+.#{$fa-css-prefix}-download:before {
+  content: $fa-var-download;
+}
+.#{$fa-css-prefix}-arrow-circle-o-down:before {
+  content: $fa-var-arrow-circle-o-down;
+}
+.#{$fa-css-prefix}-arrow-circle-o-up:before {
+  content: $fa-var-arrow-circle-o-up;
+}
+.#{$fa-css-prefix}-inbox:before {
+  content: $fa-var-inbox;
+}
+.#{$fa-css-prefix}-play-circle-o:before {
+  content: $fa-var-play-circle-o;
+}
 .#{$fa-css-prefix}-rotate-right:before,
-.#{$fa-css-prefix}-repeat:before { content: $fa-var-repeat; }
-.#{$fa-css-prefix}-refresh:before { content: $fa-var-refresh; }
-.#{$fa-css-prefix}-list-alt:before { content: $fa-var-list-alt; }
-.#{$fa-css-prefix}-lock:before { content: $fa-var-lock; }
-.#{$fa-css-prefix}-flag:before { content: $fa-var-flag; }
-.#{$fa-css-prefix}-headphones:before { content: $fa-var-headphones; }
-.#{$fa-css-prefix}-volume-off:before { content: $fa-var-volume-off; }
-.#{$fa-css-prefix}-volume-down:before { content: $fa-var-volume-down; }
-.#{$fa-css-prefix}-volume-up:before { content: $fa-var-volume-up; }
-.#{$fa-css-prefix}-qrcode:before { content: $fa-var-qrcode; }
-.#{$fa-css-prefix}-barcode:before { content: $fa-var-barcode; }
-.#{$fa-css-prefix}-tag:before { content: $fa-var-tag; }
-.#{$fa-css-prefix}-tags:before { content: $fa-var-tags; }
-.#{$fa-css-prefix}-book:before { content: $fa-var-book; }
-.#{$fa-css-prefix}-bookmark:before { content: $fa-var-bookmark; }
-.#{$fa-css-prefix}-print:before { content: $fa-var-print; }
-.#{$fa-css-prefix}-camera:before { content: $fa-var-camera; }
-.#{$fa-css-prefix}-font:before { content: $fa-var-font; }
-.#{$fa-css-prefix}-bold:before { content: $fa-var-bold; }
-.#{$fa-css-prefix}-italic:before { content: $fa-var-italic; }
-.#{$fa-css-prefix}-text-height:before { content: $fa-var-text-height; }
-.#{$fa-css-prefix}-text-width:before { content: $fa-var-text-width; }
-.#{$fa-css-prefix}-align-left:before { content: $fa-var-align-left; }
-.#{$fa-css-prefix}-align-center:before { content: $fa-var-align-center; }
-.#{$fa-css-prefix}-align-right:before { content: $fa-var-align-right; }
-.#{$fa-css-prefix}-align-justify:before { content: $fa-var-align-justify; }
-.#{$fa-css-prefix}-list:before { content: $fa-var-list; }
+.#{$fa-css-prefix}-repeat:before {
+  content: $fa-var-repeat;
+}
+.#{$fa-css-prefix}-refresh:before {
+  content: $fa-var-refresh;
+}
+.#{$fa-css-prefix}-list-alt:before {
+  content: $fa-var-list-alt;
+}
+.#{$fa-css-prefix}-lock:before {
+  content: $fa-var-lock;
+}
+.#{$fa-css-prefix}-flag:before {
+  content: $fa-var-flag;
+}
+.#{$fa-css-prefix}-headphones:before {
+  content: $fa-var-headphones;
+}
+.#{$fa-css-prefix}-volume-off:before {
+  content: $fa-var-volume-off;
+}
+.#{$fa-css-prefix}-volume-down:before {
+  content: $fa-var-volume-down;
+}
+.#{$fa-css-prefix}-volume-up:before {
+  content: $fa-var-volume-up;
+}
+.#{$fa-css-prefix}-qrcode:before {
+  content: $fa-var-qrcode;
+}
+.#{$fa-css-prefix}-barcode:before {
+  content: $fa-var-barcode;
+}
+.#{$fa-css-prefix}-tag:before {
+  content: $fa-var-tag;
+}
+.#{$fa-css-prefix}-tags:before {
+  content: $fa-var-tags;
+}
+.#{$fa-css-prefix}-book:before {
+  content: $fa-var-book;
+}
+.#{$fa-css-prefix}-bookmark:before {
+  content: $fa-var-bookmark;
+}
+.#{$fa-css-prefix}-print:before {
+  content: $fa-var-print;
+}
+.#{$fa-css-prefix}-camera:before {
+  content: $fa-var-camera;
+}
+.#{$fa-css-prefix}-font:before {
+  content: $fa-var-font;
+}
+.#{$fa-css-prefix}-bold:before {
+  content: $fa-var-bold;
+}
+.#{$fa-css-prefix}-italic:before {
+  content: $fa-var-italic;
+}
+.#{$fa-css-prefix}-text-height:before {
+  content: $fa-var-text-height;
+}
+.#{$fa-css-prefix}-text-width:before {
+  content: $fa-var-text-width;
+}
+.#{$fa-css-prefix}-align-left:before {
+  content: $fa-var-align-left;
+}
+.#{$fa-css-prefix}-align-center:before {
+  content: $fa-var-align-center;
+}
+.#{$fa-css-prefix}-align-right:before {
+  content: $fa-var-align-right;
+}
+.#{$fa-css-prefix}-align-justify:before {
+  content: $fa-var-align-justify;
+}
+.#{$fa-css-prefix}-list:before {
+  content: $fa-var-list;
+}
 .#{$fa-css-prefix}-dedent:before,
-.#{$fa-css-prefix}-outdent:before { content: $fa-var-outdent; }
-.#{$fa-css-prefix}-indent:before { content: $fa-var-indent; }
-.#{$fa-css-prefix}-video-camera:before { content: $fa-var-video-camera; }
+.#{$fa-css-prefix}-outdent:before {
+  content: $fa-var-outdent;
+}
+.#{$fa-css-prefix}-indent:before {
+  content: $fa-var-indent;
+}
+.#{$fa-css-prefix}-video-camera:before {
+  content: $fa-var-video-camera;
+}
 .#{$fa-css-prefix}-photo:before,
 .#{$fa-css-prefix}-image:before,
-.#{$fa-css-prefix}-picture-o:before { content: $fa-var-picture-o; }
-.#{$fa-css-prefix}-pencil:before { content: $fa-var-pencil; }
-.#{$fa-css-prefix}-map-marker:before { content: $fa-var-map-marker; }
-.#{$fa-css-prefix}-adjust:before { content: $fa-var-adjust; }
-.#{$fa-css-prefix}-tint:before { content: $fa-var-tint; }
+.#{$fa-css-prefix}-picture-o:before {
+  content: $fa-var-picture-o;
+}
+.#{$fa-css-prefix}-pencil:before {
+  content: $fa-var-pencil;
+}
+.#{$fa-css-prefix}-map-marker:before {
+  content: $fa-var-map-marker;
+}
+.#{$fa-css-prefix}-adjust:before {
+  content: $fa-var-adjust;
+}
+.#{$fa-css-prefix}-tint:before {
+  content: $fa-var-tint;
+}
 .#{$fa-css-prefix}-edit:before,
-.#{$fa-css-prefix}-pencil-square-o:before { content: $fa-var-pencil-square-o; }
-.#{$fa-css-prefix}-share-square-o:before { content: $fa-var-share-square-o; }
-.#{$fa-css-prefix}-check-square-o:before { content: $fa-var-check-square-o; }
-.#{$fa-css-prefix}-arrows:before { content: $fa-var-arrows; }
-.#{$fa-css-prefix}-step-backward:before { content: $fa-var-step-backward; }
-.#{$fa-css-prefix}-fast-backward:before { content: $fa-var-fast-backward; }
-.#{$fa-css-prefix}-backward:before { content: $fa-var-backward; }
-.#{$fa-css-prefix}-play:before { content: $fa-var-play; }
-.#{$fa-css-prefix}-pause:before { content: $fa-var-pause; }
-.#{$fa-css-prefix}-stop:before { content: $fa-var-stop; }
-.#{$fa-css-prefix}-forward:before { content: $fa-var-forward; }
-.#{$fa-css-prefix}-fast-forward:before { content: $fa-var-fast-forward; }
-.#{$fa-css-prefix}-step-forward:before { content: $fa-var-step-forward; }
-.#{$fa-css-prefix}-eject:before { content: $fa-var-eject; }
-.#{$fa-css-prefix}-chevron-left:before { content: $fa-var-chevron-left; }
-.#{$fa-css-prefix}-chevron-right:before { content: $fa-var-chevron-right; }
-.#{$fa-css-prefix}-plus-circle:before { content: $fa-var-plus-circle; }
-.#{$fa-css-prefix}-minus-circle:before { content: $fa-var-minus-circle; }
-.#{$fa-css-prefix}-times-circle:before { content: $fa-var-times-circle; }
-.#{$fa-css-prefix}-check-circle:before { content: $fa-var-check-circle; }
-.#{$fa-css-prefix}-question-circle:before { content: $fa-var-question-circle; }
-.#{$fa-css-prefix}-info-circle:before { content: $fa-var-info-circle; }
-.#{$fa-css-prefix}-crosshairs:before { content: $fa-var-crosshairs; }
-.#{$fa-css-prefix}-times-circle-o:before { content: $fa-var-times-circle-o; }
-.#{$fa-css-prefix}-check-circle-o:before { content: $fa-var-check-circle-o; }
-.#{$fa-css-prefix}-ban:before { content: $fa-var-ban; }
-.#{$fa-css-prefix}-arrow-left:before { content: $fa-var-arrow-left; }
-.#{$fa-css-prefix}-arrow-right:before { content: $fa-var-arrow-right; }
-.#{$fa-css-prefix}-arrow-up:before { content: $fa-var-arrow-up; }
-.#{$fa-css-prefix}-arrow-down:before { content: $fa-var-arrow-down; }
+.#{$fa-css-prefix}-pencil-square-o:before {
+  content: $fa-var-pencil-square-o;
+}
+.#{$fa-css-prefix}-share-square-o:before {
+  content: $fa-var-share-square-o;
+}
+.#{$fa-css-prefix}-check-square-o:before {
+  content: $fa-var-check-square-o;
+}
+.#{$fa-css-prefix}-arrows:before {
+  content: $fa-var-arrows;
+}
+.#{$fa-css-prefix}-step-backward:before {
+  content: $fa-var-step-backward;
+}
+.#{$fa-css-prefix}-fast-backward:before {
+  content: $fa-var-fast-backward;
+}
+.#{$fa-css-prefix}-backward:before {
+  content: $fa-var-backward;
+}
+.#{$fa-css-prefix}-play:before {
+  content: $fa-var-play;
+}
+.#{$fa-css-prefix}-pause:before {
+  content: $fa-var-pause;
+}
+.#{$fa-css-prefix}-stop:before {
+  content: $fa-var-stop;
+}
+.#{$fa-css-prefix}-forward:before {
+  content: $fa-var-forward;
+}
+.#{$fa-css-prefix}-fast-forward:before {
+  content: $fa-var-fast-forward;
+}
+.#{$fa-css-prefix}-step-forward:before {
+  content: $fa-var-step-forward;
+}
+.#{$fa-css-prefix}-eject:before {
+  content: $fa-var-eject;
+}
+.#{$fa-css-prefix}-chevron-left:before {
+  content: $fa-var-chevron-left;
+}
+.#{$fa-css-prefix}-chevron-right:before {
+  content: $fa-var-chevron-right;
+}
+.#{$fa-css-prefix}-plus-circle:before {
+  content: $fa-var-plus-circle;
+}
+.#{$fa-css-prefix}-minus-circle:before {
+  content: $fa-var-minus-circle;
+}
+.#{$fa-css-prefix}-times-circle:before {
+  content: $fa-var-times-circle;
+}
+.#{$fa-css-prefix}-check-circle:before {
+  content: $fa-var-check-circle;
+}
+.#{$fa-css-prefix}-question-circle:before {
+  content: $fa-var-question-circle;
+}
+.#{$fa-css-prefix}-info-circle:before {
+  content: $fa-var-info-circle;
+}
+.#{$fa-css-prefix}-crosshairs:before {
+  content: $fa-var-crosshairs;
+}
+.#{$fa-css-prefix}-times-circle-o:before {
+  content: $fa-var-times-circle-o;
+}
+.#{$fa-css-prefix}-check-circle-o:before {
+  content: $fa-var-check-circle-o;
+}
+.#{$fa-css-prefix}-ban:before {
+  content: $fa-var-ban;
+}
+.#{$fa-css-prefix}-arrow-left:before {
+  content: $fa-var-arrow-left;
+}
+.#{$fa-css-prefix}-arrow-right:before {
+  content: $fa-var-arrow-right;
+}
+.#{$fa-css-prefix}-arrow-up:before {
+  content: $fa-var-arrow-up;
+}
+.#{$fa-css-prefix}-arrow-down:before {
+  content: $fa-var-arrow-down;
+}
 .#{$fa-css-prefix}-mail-forward:before,
-.#{$fa-css-prefix}-share:before { content: $fa-var-share; }
-.#{$fa-css-prefix}-expand:before { content: $fa-var-expand; }
-.#{$fa-css-prefix}-compress:before { content: $fa-var-compress; }
-.#{$fa-css-prefix}-plus:before { content: $fa-var-plus; }
-.#{$fa-css-prefix}-minus:before { content: $fa-var-minus; }
-.#{$fa-css-prefix}-asterisk:before { content: $fa-var-asterisk; }
-.#{$fa-css-prefix}-exclamation-circle:before { content: $fa-var-exclamation-circle; }
-.#{$fa-css-prefix}-gift:before { content: $fa-var-gift; }
-.#{$fa-css-prefix}-leaf:before { content: $fa-var-leaf; }
-.#{$fa-css-prefix}-fire:before { content: $fa-var-fire; }
-.#{$fa-css-prefix}-eye:before { content: $fa-var-eye; }
-.#{$fa-css-prefix}-eye-slash:before { content: $fa-var-eye-slash; }
+.#{$fa-css-prefix}-share:before {
+  content: $fa-var-share;
+}
+.#{$fa-css-prefix}-expand:before {
+  content: $fa-var-expand;
+}
+.#{$fa-css-prefix}-compress:before {
+  content: $fa-var-compress;
+}
+.#{$fa-css-prefix}-plus:before {
+  content: $fa-var-plus;
+}
+.#{$fa-css-prefix}-minus:before {
+  content: $fa-var-minus;
+}
+.#{$fa-css-prefix}-asterisk:before {
+  content: $fa-var-asterisk;
+}
+.#{$fa-css-prefix}-exclamation-circle:before {
+  content: $fa-var-exclamation-circle;
+}
+.#{$fa-css-prefix}-gift:before {
+  content: $fa-var-gift;
+}
+.#{$fa-css-prefix}-leaf:before {
+  content: $fa-var-leaf;
+}
+.#{$fa-css-prefix}-fire:before {
+  content: $fa-var-fire;
+}
+.#{$fa-css-prefix}-eye:before {
+  content: $fa-var-eye;
+}
+.#{$fa-css-prefix}-eye-slash:before {
+  content: $fa-var-eye-slash;
+}
 .#{$fa-css-prefix}-warning:before,
-.#{$fa-css-prefix}-exclamation-triangle:before { content: $fa-var-exclamation-triangle; }
-.#{$fa-css-prefix}-plane:before { content: $fa-var-plane; }
-.#{$fa-css-prefix}-calendar:before { content: $fa-var-calendar; }
-.#{$fa-css-prefix}-random:before { content: $fa-var-random; }
-.#{$fa-css-prefix}-comment:before { content: $fa-var-comment; }
-.#{$fa-css-prefix}-magnet:before { content: $fa-var-magnet; }
-.#{$fa-css-prefix}-chevron-up:before { content: $fa-var-chevron-up; }
-.#{$fa-css-prefix}-chevron-down:before { content: $fa-var-chevron-down; }
-.#{$fa-css-prefix}-retweet:before { content: $fa-var-retweet; }
-.#{$fa-css-prefix}-shopping-cart:before { content: $fa-var-shopping-cart; }
-.#{$fa-css-prefix}-folder:before { content: $fa-var-folder; }
-.#{$fa-css-prefix}-folder-open:before { content: $fa-var-folder-open; }
-.#{$fa-css-prefix}-arrows-v:before { content: $fa-var-arrows-v; }
-.#{$fa-css-prefix}-arrows-h:before { content: $fa-var-arrows-h; }
+.#{$fa-css-prefix}-exclamation-triangle:before {
+  content: $fa-var-exclamation-triangle;
+}
+.#{$fa-css-prefix}-plane:before {
+  content: $fa-var-plane;
+}
+.#{$fa-css-prefix}-calendar:before {
+  content: $fa-var-calendar;
+}
+.#{$fa-css-prefix}-random:before {
+  content: $fa-var-random;
+}
+.#{$fa-css-prefix}-comment:before {
+  content: $fa-var-comment;
+}
+.#{$fa-css-prefix}-magnet:before {
+  content: $fa-var-magnet;
+}
+.#{$fa-css-prefix}-chevron-up:before {
+  content: $fa-var-chevron-up;
+}
+.#{$fa-css-prefix}-chevron-down:before {
+  content: $fa-var-chevron-down;
+}
+.#{$fa-css-prefix}-retweet:before {
+  content: $fa-var-retweet;
+}
+.#{$fa-css-prefix}-shopping-cart:before {
+  content: $fa-var-shopping-cart;
+}
+.#{$fa-css-prefix}-folder:before {
+  content: $fa-var-folder;
+}
+.#{$fa-css-prefix}-folder-open:before {
+  content: $fa-var-folder-open;
+}
+.#{$fa-css-prefix}-arrows-v:before {
+  content: $fa-var-arrows-v;
+}
+.#{$fa-css-prefix}-arrows-h:before {
+  content: $fa-var-arrows-h;
+}
 .#{$fa-css-prefix}-bar-chart-o:before,
-.#{$fa-css-prefix}-bar-chart:before { content: $fa-var-bar-chart; }
-.#{$fa-css-prefix}-twitter-square:before { content: $fa-var-twitter-square; }
-.#{$fa-css-prefix}-facebook-square:before { content: $fa-var-facebook-square; }
-.#{$fa-css-prefix}-camera-retro:before { content: $fa-var-camera-retro; }
-.#{$fa-css-prefix}-key:before { content: $fa-var-key; }
+.#{$fa-css-prefix}-bar-chart:before {
+  content: $fa-var-bar-chart;
+}
+.#{$fa-css-prefix}-twitter-square:before {
+  content: $fa-var-twitter-square;
+}
+.#{$fa-css-prefix}-facebook-square:before {
+  content: $fa-var-facebook-square;
+}
+.#{$fa-css-prefix}-camera-retro:before {
+  content: $fa-var-camera-retro;
+}
+.#{$fa-css-prefix}-key:before {
+  content: $fa-var-key;
+}
 .#{$fa-css-prefix}-gears:before,
-.#{$fa-css-prefix}-cogs:before { content: $fa-var-cogs; }
-.#{$fa-css-prefix}-comments:before { content: $fa-var-comments; }
-.#{$fa-css-prefix}-thumbs-o-up:before { content: $fa-var-thumbs-o-up; }
-.#{$fa-css-prefix}-thumbs-o-down:before { content: $fa-var-thumbs-o-down; }
-.#{$fa-css-prefix}-star-half:before { content: $fa-var-star-half; }
-.#{$fa-css-prefix}-heart-o:before { content: $fa-var-heart-o; }
-.#{$fa-css-prefix}-sign-out:before { content: $fa-var-sign-out; }
-.#{$fa-css-prefix}-linkedin-square:before { content: $fa-var-linkedin-square; }
-.#{$fa-css-prefix}-thumb-tack:before { content: $fa-var-thumb-tack; }
-.#{$fa-css-prefix}-external-link:before { content: $fa-var-external-link; }
-.#{$fa-css-prefix}-sign-in:before { content: $fa-var-sign-in; }
-.#{$fa-css-prefix}-trophy:before { content: $fa-var-trophy; }
-.#{$fa-css-prefix}-github-square:before { content: $fa-var-github-square; }
-.#{$fa-css-prefix}-upload:before { content: $fa-var-upload; }
-.#{$fa-css-prefix}-lemon-o:before { content: $fa-var-lemon-o; }
-.#{$fa-css-prefix}-phone:before { content: $fa-var-phone; }
-.#{$fa-css-prefix}-square-o:before { content: $fa-var-square-o; }
-.#{$fa-css-prefix}-bookmark-o:before { content: $fa-var-bookmark-o; }
-.#{$fa-css-prefix}-phone-square:before { content: $fa-var-phone-square; }
-.#{$fa-css-prefix}-twitter:before { content: $fa-var-twitter; }
+.#{$fa-css-prefix}-cogs:before {
+  content: $fa-var-cogs;
+}
+.#{$fa-css-prefix}-comments:before {
+  content: $fa-var-comments;
+}
+.#{$fa-css-prefix}-thumbs-o-up:before {
+  content: $fa-var-thumbs-o-up;
+}
+.#{$fa-css-prefix}-thumbs-o-down:before {
+  content: $fa-var-thumbs-o-down;
+}
+.#{$fa-css-prefix}-star-half:before {
+  content: $fa-var-star-half;
+}
+.#{$fa-css-prefix}-heart-o:before {
+  content: $fa-var-heart-o;
+}
+.#{$fa-css-prefix}-sign-out:before {
+  content: $fa-var-sign-out;
+}
+.#{$fa-css-prefix}-linkedin-square:before {
+  content: $fa-var-linkedin-square;
+}
+.#{$fa-css-prefix}-thumb-tack:before {
+  content: $fa-var-thumb-tack;
+}
+.#{$fa-css-prefix}-external-link:before {
+  content: $fa-var-external-link;
+}
+.#{$fa-css-prefix}-sign-in:before {
+  content: $fa-var-sign-in;
+}
+.#{$fa-css-prefix}-trophy:before {
+  content: $fa-var-trophy;
+}
+.#{$fa-css-prefix}-github-square:before {
+  content: $fa-var-github-square;
+}
+.#{$fa-css-prefix}-upload:before {
+  content: $fa-var-upload;
+}
+.#{$fa-css-prefix}-lemon-o:before {
+  content: $fa-var-lemon-o;
+}
+.#{$fa-css-prefix}-phone:before {
+  content: $fa-var-phone;
+}
+.#{$fa-css-prefix}-square-o:before {
+  content: $fa-var-square-o;
+}
+.#{$fa-css-prefix}-bookmark-o:before {
+  content: $fa-var-bookmark-o;
+}
+.#{$fa-css-prefix}-phone-square:before {
+  content: $fa-var-phone-square;
+}
+.#{$fa-css-prefix}-twitter:before {
+  content: $fa-var-twitter;
+}
 .#{$fa-css-prefix}-facebook-f:before,
-.#{$fa-css-prefix}-facebook:before { content: $fa-var-facebook; }
-.#{$fa-css-prefix}-github:before { content: $fa-var-github; }
-.#{$fa-css-prefix}-unlock:before { content: $fa-var-unlock; }
-.#{$fa-css-prefix}-credit-card:before { content: $fa-var-credit-card; }
+.#{$fa-css-prefix}-facebook:before {
+  content: $fa-var-facebook;
+}
+.#{$fa-css-prefix}-github:before {
+  content: $fa-var-github;
+}
+.#{$fa-css-prefix}-unlock:before {
+  content: $fa-var-unlock;
+}
+.#{$fa-css-prefix}-credit-card:before {
+  content: $fa-var-credit-card;
+}
 .#{$fa-css-prefix}-feed:before,
-.#{$fa-css-prefix}-rss:before { content: $fa-var-rss; }
-.#{$fa-css-prefix}-hdd-o:before { content: $fa-var-hdd-o; }
-.#{$fa-css-prefix}-bullhorn:before { content: $fa-var-bullhorn; }
-.#{$fa-css-prefix}-bell:before { content: $fa-var-bell; }
-.#{$fa-css-prefix}-certificate:before { content: $fa-var-certificate; }
-.#{$fa-css-prefix}-hand-o-right:before { content: $fa-var-hand-o-right; }
-.#{$fa-css-prefix}-hand-o-left:before { content: $fa-var-hand-o-left; }
-.#{$fa-css-prefix}-hand-o-up:before { content: $fa-var-hand-o-up; }
-.#{$fa-css-prefix}-hand-o-down:before { content: $fa-var-hand-o-down; }
-.#{$fa-css-prefix}-arrow-circle-left:before { content: $fa-var-arrow-circle-left; }
-.#{$fa-css-prefix}-arrow-circle-right:before { content: $fa-var-arrow-circle-right; }
-.#{$fa-css-prefix}-arrow-circle-up:before { content: $fa-var-arrow-circle-up; }
-.#{$fa-css-prefix}-arrow-circle-down:before { content: $fa-var-arrow-circle-down; }
-.#{$fa-css-prefix}-globe:before { content: $fa-var-globe; }
-.#{$fa-css-prefix}-wrench:before { content: $fa-var-wrench; }
-.#{$fa-css-prefix}-tasks:before { content: $fa-var-tasks; }
-.#{$fa-css-prefix}-filter:before { content: $fa-var-filter; }
-.#{$fa-css-prefix}-briefcase:before { content: $fa-var-briefcase; }
-.#{$fa-css-prefix}-arrows-alt:before { content: $fa-var-arrows-alt; }
+.#{$fa-css-prefix}-rss:before {
+  content: $fa-var-rss;
+}
+.#{$fa-css-prefix}-hdd-o:before {
+  content: $fa-var-hdd-o;
+}
+.#{$fa-css-prefix}-bullhorn:before {
+  content: $fa-var-bullhorn;
+}
+.#{$fa-css-prefix}-bell:before {
+  content: $fa-var-bell;
+}
+.#{$fa-css-prefix}-certificate:before {
+  content: $fa-var-certificate;
+}
+.#{$fa-css-prefix}-hand-o-right:before {
+  content: $fa-var-hand-o-right;
+}
+.#{$fa-css-prefix}-hand-o-left:before {
+  content: $fa-var-hand-o-left;
+}
+.#{$fa-css-prefix}-hand-o-up:before {
+  content: $fa-var-hand-o-up;
+}
+.#{$fa-css-prefix}-hand-o-down:before {
+  content: $fa-var-hand-o-down;
+}
+.#{$fa-css-prefix}-arrow-circle-left:before {
+  content: $fa-var-arrow-circle-left;
+}
+.#{$fa-css-prefix}-arrow-circle-right:before {
+  content: $fa-var-arrow-circle-right;
+}
+.#{$fa-css-prefix}-arrow-circle-up:before {
+  content: $fa-var-arrow-circle-up;
+}
+.#{$fa-css-prefix}-arrow-circle-down:before {
+  content: $fa-var-arrow-circle-down;
+}
+.#{$fa-css-prefix}-globe:before {
+  content: $fa-var-globe;
+}
+.#{$fa-css-prefix}-wrench:before {
+  content: $fa-var-wrench;
+}
+.#{$fa-css-prefix}-tasks:before {
+  content: $fa-var-tasks;
+}
+.#{$fa-css-prefix}-filter:before {
+  content: $fa-var-filter;
+}
+.#{$fa-css-prefix}-briefcase:before {
+  content: $fa-var-briefcase;
+}
+.#{$fa-css-prefix}-arrows-alt:before {
+  content: $fa-var-arrows-alt;
+}
 .#{$fa-css-prefix}-group:before,
-.#{$fa-css-prefix}-users:before { content: $fa-var-users; }
+.#{$fa-css-prefix}-users:before {
+  content: $fa-var-users;
+}
 .#{$fa-css-prefix}-chain:before,
-.#{$fa-css-prefix}-link:before { content: $fa-var-link; }
-.#{$fa-css-prefix}-cloud:before { content: $fa-var-cloud; }
-.#{$fa-css-prefix}-flask:before { content: $fa-var-flask; }
+.#{$fa-css-prefix}-link:before {
+  content: $fa-var-link;
+}
+.#{$fa-css-prefix}-cloud:before {
+  content: $fa-var-cloud;
+}
+.#{$fa-css-prefix}-flask:before {
+  content: $fa-var-flask;
+}
 .#{$fa-css-prefix}-cut:before,
-.#{$fa-css-prefix}-scissors:before { content: $fa-var-scissors; }
+.#{$fa-css-prefix}-scissors:before {
+  content: $fa-var-scissors;
+}
 .#{$fa-css-prefix}-copy:before,
-.#{$fa-css-prefix}-files-o:before { content: $fa-var-files-o; }
-.#{$fa-css-prefix}-paperclip:before { content: $fa-var-paperclip; }
+.#{$fa-css-prefix}-files-o:before {
+  content: $fa-var-files-o;
+}
+.#{$fa-css-prefix}-paperclip:before {
+  content: $fa-var-paperclip;
+}
 .#{$fa-css-prefix}-save:before,
-.#{$fa-css-prefix}-floppy-o:before { content: $fa-var-floppy-o; }
-.#{$fa-css-prefix}-square:before { content: $fa-var-square; }
+.#{$fa-css-prefix}-floppy-o:before {
+  content: $fa-var-floppy-o;
+}
+.#{$fa-css-prefix}-square:before {
+  content: $fa-var-square;
+}
 .#{$fa-css-prefix}-navicon:before,
 .#{$fa-css-prefix}-reorder:before,
-.#{$fa-css-prefix}-bars:before { content: $fa-var-bars; }
-.#{$fa-css-prefix}-list-ul:before { content: $fa-var-list-ul; }
-.#{$fa-css-prefix}-list-ol:before { content: $fa-var-list-ol; }
-.#{$fa-css-prefix}-strikethrough:before { content: $fa-var-strikethrough; }
-.#{$fa-css-prefix}-underline:before { content: $fa-var-underline; }
-.#{$fa-css-prefix}-table:before { content: $fa-var-table; }
-.#{$fa-css-prefix}-magic:before { content: $fa-var-magic; }
-.#{$fa-css-prefix}-truck:before { content: $fa-var-truck; }
-.#{$fa-css-prefix}-pinterest:before { content: $fa-var-pinterest; }
-.#{$fa-css-prefix}-pinterest-square:before { content: $fa-var-pinterest-square; }
-.#{$fa-css-prefix}-google-plus-square:before { content: $fa-var-google-plus-square; }
-.#{$fa-css-prefix}-google-plus:before { content: $fa-var-google-plus; }
-.#{$fa-css-prefix}-money:before { content: $fa-var-money; }
-.#{$fa-css-prefix}-caret-down:before { content: $fa-var-caret-down; }
-.#{$fa-css-prefix}-caret-up:before { content: $fa-var-caret-up; }
-.#{$fa-css-prefix}-caret-left:before { content: $fa-var-caret-left; }
-.#{$fa-css-prefix}-caret-right:before { content: $fa-var-caret-right; }
-.#{$fa-css-prefix}-columns:before { content: $fa-var-columns; }
+.#{$fa-css-prefix}-bars:before {
+  content: $fa-var-bars;
+}
+.#{$fa-css-prefix}-list-ul:before {
+  content: $fa-var-list-ul;
+}
+.#{$fa-css-prefix}-list-ol:before {
+  content: $fa-var-list-ol;
+}
+.#{$fa-css-prefix}-strikethrough:before {
+  content: $fa-var-strikethrough;
+}
+.#{$fa-css-prefix}-underline:before {
+  content: $fa-var-underline;
+}
+.#{$fa-css-prefix}-table:before {
+  content: $fa-var-table;
+}
+.#{$fa-css-prefix}-magic:before {
+  content: $fa-var-magic;
+}
+.#{$fa-css-prefix}-truck:before {
+  content: $fa-var-truck;
+}
+.#{$fa-css-prefix}-pinterest:before {
+  content: $fa-var-pinterest;
+}
+.#{$fa-css-prefix}-pinterest-square:before {
+  content: $fa-var-pinterest-square;
+}
+.#{$fa-css-prefix}-google-plus-square:before {
+  content: $fa-var-google-plus-square;
+}
+.#{$fa-css-prefix}-google-plus:before {
+  content: $fa-var-google-plus;
+}
+.#{$fa-css-prefix}-money:before {
+  content: $fa-var-money;
+}
+.#{$fa-css-prefix}-caret-down:before {
+  content: $fa-var-caret-down;
+}
+.#{$fa-css-prefix}-caret-up:before {
+  content: $fa-var-caret-up;
+}
+.#{$fa-css-prefix}-caret-left:before {
+  content: $fa-var-caret-left;
+}
+.#{$fa-css-prefix}-caret-right:before {
+  content: $fa-var-caret-right;
+}
+.#{$fa-css-prefix}-columns:before {
+  content: $fa-var-columns;
+}
 .#{$fa-css-prefix}-unsorted:before,
-.#{$fa-css-prefix}-sort:before { content: $fa-var-sort; }
+.#{$fa-css-prefix}-sort:before {
+  content: $fa-var-sort;
+}
 .#{$fa-css-prefix}-sort-down:before,
-.#{$fa-css-prefix}-sort-desc:before { content: $fa-var-sort-desc; }
+.#{$fa-css-prefix}-sort-desc:before {
+  content: $fa-var-sort-desc;
+}
 .#{$fa-css-prefix}-sort-up:before,
-.#{$fa-css-prefix}-sort-asc:before { content: $fa-var-sort-asc; }
-.#{$fa-css-prefix}-envelope:before { content: $fa-var-envelope; }
-.#{$fa-css-prefix}-linkedin:before { content: $fa-var-linkedin; }
+.#{$fa-css-prefix}-sort-asc:before {
+  content: $fa-var-sort-asc;
+}
+.#{$fa-css-prefix}-envelope:before {
+  content: $fa-var-envelope;
+}
+.#{$fa-css-prefix}-linkedin:before {
+  content: $fa-var-linkedin;
+}
 .#{$fa-css-prefix}-rotate-left:before,
-.#{$fa-css-prefix}-undo:before { content: $fa-var-undo; }
+.#{$fa-css-prefix}-undo:before {
+  content: $fa-var-undo;
+}
 .#{$fa-css-prefix}-legal:before,
-.#{$fa-css-prefix}-gavel:before { content: $fa-var-gavel; }
+.#{$fa-css-prefix}-gavel:before {
+  content: $fa-var-gavel;
+}
 .#{$fa-css-prefix}-dashboard:before,
-.#{$fa-css-prefix}-tachometer:before { content: $fa-var-tachometer; }
-.#{$fa-css-prefix}-comment-o:before { content: $fa-var-comment-o; }
-.#{$fa-css-prefix}-comments-o:before { content: $fa-var-comments-o; }
+.#{$fa-css-prefix}-tachometer:before {
+  content: $fa-var-tachometer;
+}
+.#{$fa-css-prefix}-comment-o:before {
+  content: $fa-var-comment-o;
+}
+.#{$fa-css-prefix}-comments-o:before {
+  content: $fa-var-comments-o;
+}
 .#{$fa-css-prefix}-flash:before,
-.#{$fa-css-prefix}-bolt:before { content: $fa-var-bolt; }
-.#{$fa-css-prefix}-sitemap:before { content: $fa-var-sitemap; }
-.#{$fa-css-prefix}-umbrella:before { content: $fa-var-umbrella; }
+.#{$fa-css-prefix}-bolt:before {
+  content: $fa-var-bolt;
+}
+.#{$fa-css-prefix}-sitemap:before {
+  content: $fa-var-sitemap;
+}
+.#{$fa-css-prefix}-umbrella:before {
+  content: $fa-var-umbrella;
+}
 .#{$fa-css-prefix}-paste:before,
-.#{$fa-css-prefix}-clipboard:before { content: $fa-var-clipboard; }
-.#{$fa-css-prefix}-lightbulb-o:before { content: $fa-var-lightbulb-o; }
-.#{$fa-css-prefix}-exchange:before { content: $fa-var-exchange; }
-.#{$fa-css-prefix}-cloud-download:before { content: $fa-var-cloud-download; }
-.#{$fa-css-prefix}-cloud-upload:before { content: $fa-var-cloud-upload; }
-.#{$fa-css-prefix}-user-md:before { content: $fa-var-user-md; }
-.#{$fa-css-prefix}-stethoscope:before { content: $fa-var-stethoscope; }
-.#{$fa-css-prefix}-suitcase:before { content: $fa-var-suitcase; }
-.#{$fa-css-prefix}-bell-o:before { content: $fa-var-bell-o; }
-.#{$fa-css-prefix}-coffee:before { content: $fa-var-coffee; }
-.#{$fa-css-prefix}-cutlery:before { content: $fa-var-cutlery; }
-.#{$fa-css-prefix}-file-text-o:before { content: $fa-var-file-text-o; }
-.#{$fa-css-prefix}-building-o:before { content: $fa-var-building-o; }
-.#{$fa-css-prefix}-hospital-o:before { content: $fa-var-hospital-o; }
-.#{$fa-css-prefix}-ambulance:before { content: $fa-var-ambulance; }
-.#{$fa-css-prefix}-medkit:before { content: $fa-var-medkit; }
-.#{$fa-css-prefix}-fighter-jet:before { content: $fa-var-fighter-jet; }
-.#{$fa-css-prefix}-beer:before { content: $fa-var-beer; }
-.#{$fa-css-prefix}-h-square:before { content: $fa-var-h-square; }
-.#{$fa-css-prefix}-plus-square:before { content: $fa-var-plus-square; }
-.#{$fa-css-prefix}-angle-double-left:before { content: $fa-var-angle-double-left; }
-.#{$fa-css-prefix}-angle-double-right:before { content: $fa-var-angle-double-right; }
-.#{$fa-css-prefix}-angle-double-up:before { content: $fa-var-angle-double-up; }
-.#{$fa-css-prefix}-angle-double-down:before { content: $fa-var-angle-double-down; }
-.#{$fa-css-prefix}-angle-left:before { content: $fa-var-angle-left; }
-.#{$fa-css-prefix}-angle-right:before { content: $fa-var-angle-right; }
-.#{$fa-css-prefix}-angle-up:before { content: $fa-var-angle-up; }
-.#{$fa-css-prefix}-angle-down:before { content: $fa-var-angle-down; }
-.#{$fa-css-prefix}-desktop:before { content: $fa-var-desktop; }
-.#{$fa-css-prefix}-laptop:before { content: $fa-var-laptop; }
-.#{$fa-css-prefix}-tablet:before { content: $fa-var-tablet; }
+.#{$fa-css-prefix}-clipboard:before {
+  content: $fa-var-clipboard;
+}
+.#{$fa-css-prefix}-lightbulb-o:before {
+  content: $fa-var-lightbulb-o;
+}
+.#{$fa-css-prefix}-exchange:before {
+  content: $fa-var-exchange;
+}
+.#{$fa-css-prefix}-cloud-download:before {
+  content: $fa-var-cloud-download;
+}
+.#{$fa-css-prefix}-cloud-upload:before {
+  content: $fa-var-cloud-upload;
+}
+.#{$fa-css-prefix}-user-md:before {
+  content: $fa-var-user-md;
+}
+.#{$fa-css-prefix}-stethoscope:before {
+  content: $fa-var-stethoscope;
+}
+.#{$fa-css-prefix}-suitcase:before {
+  content: $fa-var-suitcase;
+}
+.#{$fa-css-prefix}-bell-o:before {
+  content: $fa-var-bell-o;
+}
+.#{$fa-css-prefix}-coffee:before {
+  content: $fa-var-coffee;
+}
+.#{$fa-css-prefix}-cutlery:before {
+  content: $fa-var-cutlery;
+}
+.#{$fa-css-prefix}-file-text-o:before {
+  content: $fa-var-file-text-o;
+}
+.#{$fa-css-prefix}-building-o:before {
+  content: $fa-var-building-o;
+}
+.#{$fa-css-prefix}-hospital-o:before {
+  content: $fa-var-hospital-o;
+}
+.#{$fa-css-prefix}-ambulance:before {
+  content: $fa-var-ambulance;
+}
+.#{$fa-css-prefix}-medkit:before {
+  content: $fa-var-medkit;
+}
+.#{$fa-css-prefix}-fighter-jet:before {
+  content: $fa-var-fighter-jet;
+}
+.#{$fa-css-prefix}-beer:before {
+  content: $fa-var-beer;
+}
+.#{$fa-css-prefix}-h-square:before {
+  content: $fa-var-h-square;
+}
+.#{$fa-css-prefix}-plus-square:before {
+  content: $fa-var-plus-square;
+}
+.#{$fa-css-prefix}-angle-double-left:before {
+  content: $fa-var-angle-double-left;
+}
+.#{$fa-css-prefix}-angle-double-right:before {
+  content: $fa-var-angle-double-right;
+}
+.#{$fa-css-prefix}-angle-double-up:before {
+  content: $fa-var-angle-double-up;
+}
+.#{$fa-css-prefix}-angle-double-down:before {
+  content: $fa-var-angle-double-down;
+}
+.#{$fa-css-prefix}-angle-left:before {
+  content: $fa-var-angle-left;
+}
+.#{$fa-css-prefix}-angle-right:before {
+  content: $fa-var-angle-right;
+}
+.#{$fa-css-prefix}-angle-up:before {
+  content: $fa-var-angle-up;
+}
+.#{$fa-css-prefix}-angle-down:before {
+  content: $fa-var-angle-down;
+}
+.#{$fa-css-prefix}-desktop:before {
+  content: $fa-var-desktop;
+}
+.#{$fa-css-prefix}-laptop:before {
+  content: $fa-var-laptop;
+}
+.#{$fa-css-prefix}-tablet:before {
+  content: $fa-var-tablet;
+}
 .#{$fa-css-prefix}-mobile-phone:before,
-.#{$fa-css-prefix}-mobile:before { content: $fa-var-mobile; }
-.#{$fa-css-prefix}-circle-o:before { content: $fa-var-circle-o; }
-.#{$fa-css-prefix}-quote-left:before { content: $fa-var-quote-left; }
-.#{$fa-css-prefix}-quote-right:before { content: $fa-var-quote-right; }
-.#{$fa-css-prefix}-spinner:before { content: $fa-var-spinner; }
-.#{$fa-css-prefix}-circle:before { content: $fa-var-circle; }
+.#{$fa-css-prefix}-mobile:before {
+  content: $fa-var-mobile;
+}
+.#{$fa-css-prefix}-circle-o:before {
+  content: $fa-var-circle-o;
+}
+.#{$fa-css-prefix}-quote-left:before {
+  content: $fa-var-quote-left;
+}
+.#{$fa-css-prefix}-quote-right:before {
+  content: $fa-var-quote-right;
+}
+.#{$fa-css-prefix}-spinner:before {
+  content: $fa-var-spinner;
+}
+.#{$fa-css-prefix}-circle:before {
+  content: $fa-var-circle;
+}
 .#{$fa-css-prefix}-mail-reply:before,
-.#{$fa-css-prefix}-reply:before { content: $fa-var-reply; }
-.#{$fa-css-prefix}-github-alt:before { content: $fa-var-github-alt; }
-.#{$fa-css-prefix}-folder-o:before { content: $fa-var-folder-o; }
-.#{$fa-css-prefix}-folder-open-o:before { content: $fa-var-folder-open-o; }
-.#{$fa-css-prefix}-smile-o:before { content: $fa-var-smile-o; }
-.#{$fa-css-prefix}-frown-o:before { content: $fa-var-frown-o; }
-.#{$fa-css-prefix}-meh-o:before { content: $fa-var-meh-o; }
-.#{$fa-css-prefix}-gamepad:before { content: $fa-var-gamepad; }
-.#{$fa-css-prefix}-keyboard-o:before { content: $fa-var-keyboard-o; }
-.#{$fa-css-prefix}-flag-o:before { content: $fa-var-flag-o; }
-.#{$fa-css-prefix}-flag-checkered:before { content: $fa-var-flag-checkered; }
-.#{$fa-css-prefix}-terminal:before { content: $fa-var-terminal; }
-.#{$fa-css-prefix}-code:before { content: $fa-var-code; }
+.#{$fa-css-prefix}-reply:before {
+  content: $fa-var-reply;
+}
+.#{$fa-css-prefix}-github-alt:before {
+  content: $fa-var-github-alt;
+}
+.#{$fa-css-prefix}-folder-o:before {
+  content: $fa-var-folder-o;
+}
+.#{$fa-css-prefix}-folder-open-o:before {
+  content: $fa-var-folder-open-o;
+}
+.#{$fa-css-prefix}-smile-o:before {
+  content: $fa-var-smile-o;
+}
+.#{$fa-css-prefix}-frown-o:before {
+  content: $fa-var-frown-o;
+}
+.#{$fa-css-prefix}-meh-o:before {
+  content: $fa-var-meh-o;
+}
+.#{$fa-css-prefix}-gamepad:before {
+  content: $fa-var-gamepad;
+}
+.#{$fa-css-prefix}-keyboard-o:before {
+  content: $fa-var-keyboard-o;
+}
+.#{$fa-css-prefix}-flag-o:before {
+  content: $fa-var-flag-o;
+}
+.#{$fa-css-prefix}-flag-checkered:before {
+  content: $fa-var-flag-checkered;
+}
+.#{$fa-css-prefix}-terminal:before {
+  content: $fa-var-terminal;
+}
+.#{$fa-css-prefix}-code:before {
+  content: $fa-var-code;
+}
 .#{$fa-css-prefix}-mail-reply-all:before,
-.#{$fa-css-prefix}-reply-all:before { content: $fa-var-reply-all; }
+.#{$fa-css-prefix}-reply-all:before {
+  content: $fa-var-reply-all;
+}
 .#{$fa-css-prefix}-star-half-empty:before,
 .#{$fa-css-prefix}-star-half-full:before,
-.#{$fa-css-prefix}-star-half-o:before { content: $fa-var-star-half-o; }
-.#{$fa-css-prefix}-location-arrow:before { content: $fa-var-location-arrow; }
-.#{$fa-css-prefix}-crop:before { content: $fa-var-crop; }
-.#{$fa-css-prefix}-code-fork:before { content: $fa-var-code-fork; }
+.#{$fa-css-prefix}-star-half-o:before {
+  content: $fa-var-star-half-o;
+}
+.#{$fa-css-prefix}-location-arrow:before {
+  content: $fa-var-location-arrow;
+}
+.#{$fa-css-prefix}-crop:before {
+  content: $fa-var-crop;
+}
+.#{$fa-css-prefix}-code-fork:before {
+  content: $fa-var-code-fork;
+}
 .#{$fa-css-prefix}-unlink:before,
-.#{$fa-css-prefix}-chain-broken:before { content: $fa-var-chain-broken; }
-.#{$fa-css-prefix}-question:before { content: $fa-var-question; }
-.#{$fa-css-prefix}-info:before { content: $fa-var-info; }
-.#{$fa-css-prefix}-exclamation:before { content: $fa-var-exclamation; }
-.#{$fa-css-prefix}-superscript:before { content: $fa-var-superscript; }
-.#{$fa-css-prefix}-subscript:before { content: $fa-var-subscript; }
-.#{$fa-css-prefix}-eraser:before { content: $fa-var-eraser; }
-.#{$fa-css-prefix}-puzzle-piece:before { content: $fa-var-puzzle-piece; }
-.#{$fa-css-prefix}-microphone:before { content: $fa-var-microphone; }
-.#{$fa-css-prefix}-microphone-slash:before { content: $fa-var-microphone-slash; }
-.#{$fa-css-prefix}-shield:before { content: $fa-var-shield; }
-.#{$fa-css-prefix}-calendar-o:before { content: $fa-var-calendar-o; }
-.#{$fa-css-prefix}-fire-extinguisher:before { content: $fa-var-fire-extinguisher; }
-.#{$fa-css-prefix}-rocket:before { content: $fa-var-rocket; }
-.#{$fa-css-prefix}-maxcdn:before { content: $fa-var-maxcdn; }
-.#{$fa-css-prefix}-chevron-circle-left:before { content: $fa-var-chevron-circle-left; }
-.#{$fa-css-prefix}-chevron-circle-right:before { content: $fa-var-chevron-circle-right; }
-.#{$fa-css-prefix}-chevron-circle-up:before { content: $fa-var-chevron-circle-up; }
-.#{$fa-css-prefix}-chevron-circle-down:before { content: $fa-var-chevron-circle-down; }
-.#{$fa-css-prefix}-html5:before { content: $fa-var-html5; }
-.#{$fa-css-prefix}-css3:before { content: $fa-var-css3; }
-.#{$fa-css-prefix}-anchor:before { content: $fa-var-anchor; }
-.#{$fa-css-prefix}-unlock-alt:before { content: $fa-var-unlock-alt; }
-.#{$fa-css-prefix}-bullseye:before { content: $fa-var-bullseye; }
-.#{$fa-css-prefix}-ellipsis-h:before { content: $fa-var-ellipsis-h; }
-.#{$fa-css-prefix}-ellipsis-v:before { content: $fa-var-ellipsis-v; }
-.#{$fa-css-prefix}-rss-square:before { content: $fa-var-rss-square; }
-.#{$fa-css-prefix}-play-circle:before { content: $fa-var-play-circle; }
-.#{$fa-css-prefix}-ticket:before { content: $fa-var-ticket; }
-.#{$fa-css-prefix}-minus-square:before { content: $fa-var-minus-square; }
-.#{$fa-css-prefix}-minus-square-o:before { content: $fa-var-minus-square-o; }
-.#{$fa-css-prefix}-level-up:before { content: $fa-var-level-up; }
-.#{$fa-css-prefix}-level-down:before { content: $fa-var-level-down; }
-.#{$fa-css-prefix}-check-square:before { content: $fa-var-check-square; }
-.#{$fa-css-prefix}-pencil-square:before { content: $fa-var-pencil-square; }
-.#{$fa-css-prefix}-external-link-square:before { content: $fa-var-external-link-square; }
-.#{$fa-css-prefix}-share-square:before { content: $fa-var-share-square; }
-.#{$fa-css-prefix}-compass:before { content: $fa-var-compass; }
+.#{$fa-css-prefix}-chain-broken:before {
+  content: $fa-var-chain-broken;
+}
+.#{$fa-css-prefix}-question:before {
+  content: $fa-var-question;
+}
+.#{$fa-css-prefix}-info:before {
+  content: $fa-var-info;
+}
+.#{$fa-css-prefix}-exclamation:before {
+  content: $fa-var-exclamation;
+}
+.#{$fa-css-prefix}-superscript:before {
+  content: $fa-var-superscript;
+}
+.#{$fa-css-prefix}-subscript:before {
+  content: $fa-var-subscript;
+}
+.#{$fa-css-prefix}-eraser:before {
+  content: $fa-var-eraser;
+}
+.#{$fa-css-prefix}-puzzle-piece:before {
+  content: $fa-var-puzzle-piece;
+}
+.#{$fa-css-prefix}-microphone:before {
+  content: $fa-var-microphone;
+}
+.#{$fa-css-prefix}-microphone-slash:before {
+  content: $fa-var-microphone-slash;
+}
+.#{$fa-css-prefix}-shield:before {
+  content: $fa-var-shield;
+}
+.#{$fa-css-prefix}-calendar-o:before {
+  content: $fa-var-calendar-o;
+}
+.#{$fa-css-prefix}-fire-extinguisher:before {
+  content: $fa-var-fire-extinguisher;
+}
+.#{$fa-css-prefix}-rocket:before {
+  content: $fa-var-rocket;
+}
+.#{$fa-css-prefix}-maxcdn:before {
+  content: $fa-var-maxcdn;
+}
+.#{$fa-css-prefix}-chevron-circle-left:before {
+  content: $fa-var-chevron-circle-left;
+}
+.#{$fa-css-prefix}-chevron-circle-right:before {
+  content: $fa-var-chevron-circle-right;
+}
+.#{$fa-css-prefix}-chevron-circle-up:before {
+  content: $fa-var-chevron-circle-up;
+}
+.#{$fa-css-prefix}-chevron-circle-down:before {
+  content: $fa-var-chevron-circle-down;
+}
+.#{$fa-css-prefix}-html5:before {
+  content: $fa-var-html5;
+}
+.#{$fa-css-prefix}-css3:before {
+  content: $fa-var-css3;
+}
+.#{$fa-css-prefix}-anchor:before {
+  content: $fa-var-anchor;
+}
+.#{$fa-css-prefix}-unlock-alt:before {
+  content: $fa-var-unlock-alt;
+}
+.#{$fa-css-prefix}-bullseye:before {
+  content: $fa-var-bullseye;
+}
+.#{$fa-css-prefix}-ellipsis-h:before {
+  content: $fa-var-ellipsis-h;
+}
+.#{$fa-css-prefix}-ellipsis-v:before {
+  content: $fa-var-ellipsis-v;
+}
+.#{$fa-css-prefix}-rss-square:before {
+  content: $fa-var-rss-square;
+}
+.#{$fa-css-prefix}-play-circle:before {
+  content: $fa-var-play-circle;
+}
+.#{$fa-css-prefix}-ticket:before {
+  content: $fa-var-ticket;
+}
+.#{$fa-css-prefix}-minus-square:before {
+  content: $fa-var-minus-square;
+}
+.#{$fa-css-prefix}-minus-square-o:before {
+  content: $fa-var-minus-square-o;
+}
+.#{$fa-css-prefix}-level-up:before {
+  content: $fa-var-level-up;
+}
+.#{$fa-css-prefix}-level-down:before {
+  content: $fa-var-level-down;
+}
+.#{$fa-css-prefix}-check-square:before {
+  content: $fa-var-check-square;
+}
+.#{$fa-css-prefix}-pencil-square:before {
+  content: $fa-var-pencil-square;
+}
+.#{$fa-css-prefix}-external-link-square:before {
+  content: $fa-var-external-link-square;
+}
+.#{$fa-css-prefix}-share-square:before {
+  content: $fa-var-share-square;
+}
+.#{$fa-css-prefix}-compass:before {
+  content: $fa-var-compass;
+}
 .#{$fa-css-prefix}-toggle-down:before,
-.#{$fa-css-prefix}-caret-square-o-down:before { content: $fa-var-caret-square-o-down; }
+.#{$fa-css-prefix}-caret-square-o-down:before {
+  content: $fa-var-caret-square-o-down;
+}
 .#{$fa-css-prefix}-toggle-up:before,
-.#{$fa-css-prefix}-caret-square-o-up:before { content: $fa-var-caret-square-o-up; }
+.#{$fa-css-prefix}-caret-square-o-up:before {
+  content: $fa-var-caret-square-o-up;
+}
 .#{$fa-css-prefix}-toggle-right:before,
-.#{$fa-css-prefix}-caret-square-o-right:before { content: $fa-var-caret-square-o-right; }
+.#{$fa-css-prefix}-caret-square-o-right:before {
+  content: $fa-var-caret-square-o-right;
+}
 .#{$fa-css-prefix}-euro:before,
-.#{$fa-css-prefix}-eur:before { content: $fa-var-eur; }
-.#{$fa-css-prefix}-gbp:before { content: $fa-var-gbp; }
+.#{$fa-css-prefix}-eur:before {
+  content: $fa-var-eur;
+}
+.#{$fa-css-prefix}-gbp:before {
+  content: $fa-var-gbp;
+}
 .#{$fa-css-prefix}-dollar:before,
-.#{$fa-css-prefix}-usd:before { content: $fa-var-usd; }
+.#{$fa-css-prefix}-usd:before {
+  content: $fa-var-usd;
+}
 .#{$fa-css-prefix}-rupee:before,
-.#{$fa-css-prefix}-inr:before { content: $fa-var-inr; }
+.#{$fa-css-prefix}-inr:before {
+  content: $fa-var-inr;
+}
 .#{$fa-css-prefix}-cny:before,
 .#{$fa-css-prefix}-rmb:before,
 .#{$fa-css-prefix}-yen:before,
-.#{$fa-css-prefix}-jpy:before { content: $fa-var-jpy; }
+.#{$fa-css-prefix}-jpy:before {
+  content: $fa-var-jpy;
+}
 .#{$fa-css-prefix}-ruble:before,
 .#{$fa-css-prefix}-rouble:before,
-.#{$fa-css-prefix}-rub:before { content: $fa-var-rub; }
+.#{$fa-css-prefix}-rub:before {
+  content: $fa-var-rub;
+}
 .#{$fa-css-prefix}-won:before,
-.#{$fa-css-prefix}-krw:before { content: $fa-var-krw; }
+.#{$fa-css-prefix}-krw:before {
+  content: $fa-var-krw;
+}
 .#{$fa-css-prefix}-bitcoin:before,
-.#{$fa-css-prefix}-btc:before { content: $fa-var-btc; }
-.#{$fa-css-prefix}-file:before { content: $fa-var-file; }
-.#{$fa-css-prefix}-file-text:before { content: $fa-var-file-text; }
-.#{$fa-css-prefix}-sort-alpha-asc:before { content: $fa-var-sort-alpha-asc; }
-.#{$fa-css-prefix}-sort-alpha-desc:before { content: $fa-var-sort-alpha-desc; }
-.#{$fa-css-prefix}-sort-amount-asc:before { content: $fa-var-sort-amount-asc; }
-.#{$fa-css-prefix}-sort-amount-desc:before { content: $fa-var-sort-amount-desc; }
-.#{$fa-css-prefix}-sort-numeric-asc:before { content: $fa-var-sort-numeric-asc; }
-.#{$fa-css-prefix}-sort-numeric-desc:before { content: $fa-var-sort-numeric-desc; }
-.#{$fa-css-prefix}-thumbs-up:before { content: $fa-var-thumbs-up; }
-.#{$fa-css-prefix}-thumbs-down:before { content: $fa-var-thumbs-down; }
-.#{$fa-css-prefix}-youtube-square:before { content: $fa-var-youtube-square; }
-.#{$fa-css-prefix}-youtube:before { content: $fa-var-youtube; }
-.#{$fa-css-prefix}-xing:before { content: $fa-var-xing; }
-.#{$fa-css-prefix}-xing-square:before { content: $fa-var-xing-square; }
-.#{$fa-css-prefix}-youtube-play:before { content: $fa-var-youtube-play; }
-.#{$fa-css-prefix}-dropbox:before { content: $fa-var-dropbox; }
-.#{$fa-css-prefix}-stack-overflow:before { content: $fa-var-stack-overflow; }
-.#{$fa-css-prefix}-instagram:before { content: $fa-var-instagram; }
-.#{$fa-css-prefix}-flickr:before { content: $fa-var-flickr; }
-.#{$fa-css-prefix}-adn:before { content: $fa-var-adn; }
-.#{$fa-css-prefix}-bitbucket:before { content: $fa-var-bitbucket; }
-.#{$fa-css-prefix}-bitbucket-square:before { content: $fa-var-bitbucket-square; }
-.#{$fa-css-prefix}-tumblr:before { content: $fa-var-tumblr; }
-.#{$fa-css-prefix}-tumblr-square:before { content: $fa-var-tumblr-square; }
-.#{$fa-css-prefix}-long-arrow-down:before { content: $fa-var-long-arrow-down; }
-.#{$fa-css-prefix}-long-arrow-up:before { content: $fa-var-long-arrow-up; }
-.#{$fa-css-prefix}-long-arrow-left:before { content: $fa-var-long-arrow-left; }
-.#{$fa-css-prefix}-long-arrow-right:before { content: $fa-var-long-arrow-right; }
-.#{$fa-css-prefix}-apple:before { content: $fa-var-apple; }
-.#{$fa-css-prefix}-windows:before { content: $fa-var-windows; }
-.#{$fa-css-prefix}-android:before { content: $fa-var-android; }
-.#{$fa-css-prefix}-linux:before { content: $fa-var-linux; }
-.#{$fa-css-prefix}-dribbble:before { content: $fa-var-dribbble; }
-.#{$fa-css-prefix}-skype:before { content: $fa-var-skype; }
-.#{$fa-css-prefix}-foursquare:before { content: $fa-var-foursquare; }
-.#{$fa-css-prefix}-trello:before { content: $fa-var-trello; }
-.#{$fa-css-prefix}-female:before { content: $fa-var-female; }
-.#{$fa-css-prefix}-male:before { content: $fa-var-male; }
+.#{$fa-css-prefix}-btc:before {
+  content: $fa-var-btc;
+}
+.#{$fa-css-prefix}-file:before {
+  content: $fa-var-file;
+}
+.#{$fa-css-prefix}-file-text:before {
+  content: $fa-var-file-text;
+}
+.#{$fa-css-prefix}-sort-alpha-asc:before {
+  content: $fa-var-sort-alpha-asc;
+}
+.#{$fa-css-prefix}-sort-alpha-desc:before {
+  content: $fa-var-sort-alpha-desc;
+}
+.#{$fa-css-prefix}-sort-amount-asc:before {
+  content: $fa-var-sort-amount-asc;
+}
+.#{$fa-css-prefix}-sort-amount-desc:before {
+  content: $fa-var-sort-amount-desc;
+}
+.#{$fa-css-prefix}-sort-numeric-asc:before {
+  content: $fa-var-sort-numeric-asc;
+}
+.#{$fa-css-prefix}-sort-numeric-desc:before {
+  content: $fa-var-sort-numeric-desc;
+}
+.#{$fa-css-prefix}-thumbs-up:before {
+  content: $fa-var-thumbs-up;
+}
+.#{$fa-css-prefix}-thumbs-down:before {
+  content: $fa-var-thumbs-down;
+}
+.#{$fa-css-prefix}-youtube-square:before {
+  content: $fa-var-youtube-square;
+}
+.#{$fa-css-prefix}-youtube:before {
+  content: $fa-var-youtube;
+}
+.#{$fa-css-prefix}-xing:before {
+  content: $fa-var-xing;
+}
+.#{$fa-css-prefix}-xing-square:before {
+  content: $fa-var-xing-square;
+}
+.#{$fa-css-prefix}-youtube-play:before {
+  content: $fa-var-youtube-play;
+}
+.#{$fa-css-prefix}-dropbox:before {
+  content: $fa-var-dropbox;
+}
+.#{$fa-css-prefix}-stack-overflow:before {
+  content: $fa-var-stack-overflow;
+}
+.#{$fa-css-prefix}-instagram:before {
+  content: $fa-var-instagram;
+}
+.#{$fa-css-prefix}-flickr:before {
+  content: $fa-var-flickr;
+}
+.#{$fa-css-prefix}-adn:before {
+  content: $fa-var-adn;
+}
+.#{$fa-css-prefix}-bitbucket:before {
+  content: $fa-var-bitbucket;
+}
+.#{$fa-css-prefix}-bitbucket-square:before {
+  content: $fa-var-bitbucket-square;
+}
+.#{$fa-css-prefix}-tumblr:before {
+  content: $fa-var-tumblr;
+}
+.#{$fa-css-prefix}-tumblr-square:before {
+  content: $fa-var-tumblr-square;
+}
+.#{$fa-css-prefix}-long-arrow-down:before {
+  content: $fa-var-long-arrow-down;
+}
+.#{$fa-css-prefix}-long-arrow-up:before {
+  content: $fa-var-long-arrow-up;
+}
+.#{$fa-css-prefix}-long-arrow-left:before {
+  content: $fa-var-long-arrow-left;
+}
+.#{$fa-css-prefix}-long-arrow-right:before {
+  content: $fa-var-long-arrow-right;
+}
+.#{$fa-css-prefix}-apple:before {
+  content: $fa-var-apple;
+}
+.#{$fa-css-prefix}-windows:before {
+  content: $fa-var-windows;
+}
+.#{$fa-css-prefix}-android:before {
+  content: $fa-var-android;
+}
+.#{$fa-css-prefix}-linux:before {
+  content: $fa-var-linux;
+}
+.#{$fa-css-prefix}-dribbble:before {
+  content: $fa-var-dribbble;
+}
+.#{$fa-css-prefix}-skype:before {
+  content: $fa-var-skype;
+}
+.#{$fa-css-prefix}-foursquare:before {
+  content: $fa-var-foursquare;
+}
+.#{$fa-css-prefix}-trello:before {
+  content: $fa-var-trello;
+}
+.#{$fa-css-prefix}-female:before {
+  content: $fa-var-female;
+}
+.#{$fa-css-prefix}-male:before {
+  content: $fa-var-male;
+}
 .#{$fa-css-prefix}-gittip:before,
-.#{$fa-css-prefix}-gratipay:before { content: $fa-var-gratipay; }
-.#{$fa-css-prefix}-sun-o:before { content: $fa-var-sun-o; }
-.#{$fa-css-prefix}-moon-o:before { content: $fa-var-moon-o; }
-.#{$fa-css-prefix}-archive:before { content: $fa-var-archive; }
-.#{$fa-css-prefix}-bug:before { content: $fa-var-bug; }
-.#{$fa-css-prefix}-vk:before { content: $fa-var-vk; }
-.#{$fa-css-prefix}-weibo:before { content: $fa-var-weibo; }
-.#{$fa-css-prefix}-renren:before { content: $fa-var-renren; }
-.#{$fa-css-prefix}-pagelines:before { content: $fa-var-pagelines; }
-.#{$fa-css-prefix}-stack-exchange:before { content: $fa-var-stack-exchange; }
-.#{$fa-css-prefix}-arrow-circle-o-right:before { content: $fa-var-arrow-circle-o-right; }
-.#{$fa-css-prefix}-arrow-circle-o-left:before { content: $fa-var-arrow-circle-o-left; }
+.#{$fa-css-prefix}-gratipay:before {
+  content: $fa-var-gratipay;
+}
+.#{$fa-css-prefix}-sun-o:before {
+  content: $fa-var-sun-o;
+}
+.#{$fa-css-prefix}-moon-o:before {
+  content: $fa-var-moon-o;
+}
+.#{$fa-css-prefix}-archive:before {
+  content: $fa-var-archive;
+}
+.#{$fa-css-prefix}-bug:before {
+  content: $fa-var-bug;
+}
+.#{$fa-css-prefix}-vk:before {
+  content: $fa-var-vk;
+}
+.#{$fa-css-prefix}-weibo:before {
+  content: $fa-var-weibo;
+}
+.#{$fa-css-prefix}-renren:before {
+  content: $fa-var-renren;
+}
+.#{$fa-css-prefix}-pagelines:before {
+  content: $fa-var-pagelines;
+}
+.#{$fa-css-prefix}-stack-exchange:before {
+  content: $fa-var-stack-exchange;
+}
+.#{$fa-css-prefix}-arrow-circle-o-right:before {
+  content: $fa-var-arrow-circle-o-right;
+}
+.#{$fa-css-prefix}-arrow-circle-o-left:before {
+  content: $fa-var-arrow-circle-o-left;
+}
 .#{$fa-css-prefix}-toggle-left:before,
-.#{$fa-css-prefix}-caret-square-o-left:before { content: $fa-var-caret-square-o-left; }
-.#{$fa-css-prefix}-dot-circle-o:before { content: $fa-var-dot-circle-o; }
-.#{$fa-css-prefix}-wheelchair:before { content: $fa-var-wheelchair; }
-.#{$fa-css-prefix}-vimeo-square:before { content: $fa-var-vimeo-square; }
+.#{$fa-css-prefix}-caret-square-o-left:before {
+  content: $fa-var-caret-square-o-left;
+}
+.#{$fa-css-prefix}-dot-circle-o:before {
+  content: $fa-var-dot-circle-o;
+}
+.#{$fa-css-prefix}-wheelchair:before {
+  content: $fa-var-wheelchair;
+}
+.#{$fa-css-prefix}-vimeo-square:before {
+  content: $fa-var-vimeo-square;
+}
 .#{$fa-css-prefix}-turkish-lira:before,
-.#{$fa-css-prefix}-try:before { content: $fa-var-try; }
-.#{$fa-css-prefix}-plus-square-o:before { content: $fa-var-plus-square-o; }
-.#{$fa-css-prefix}-space-shuttle:before { content: $fa-var-space-shuttle; }
-.#{$fa-css-prefix}-slack:before { content: $fa-var-slack; }
-.#{$fa-css-prefix}-envelope-square:before { content: $fa-var-envelope-square; }
-.#{$fa-css-prefix}-wordpress:before { content: $fa-var-wordpress; }
-.#{$fa-css-prefix}-openid:before { content: $fa-var-openid; }
+.#{$fa-css-prefix}-try:before {
+  content: $fa-var-try;
+}
+.#{$fa-css-prefix}-plus-square-o:before {
+  content: $fa-var-plus-square-o;
+}
+.#{$fa-css-prefix}-space-shuttle:before {
+  content: $fa-var-space-shuttle;
+}
+.#{$fa-css-prefix}-slack:before {
+  content: $fa-var-slack;
+}
+.#{$fa-css-prefix}-envelope-square:before {
+  content: $fa-var-envelope-square;
+}
+.#{$fa-css-prefix}-wordpress:before {
+  content: $fa-var-wordpress;
+}
+.#{$fa-css-prefix}-openid:before {
+  content: $fa-var-openid;
+}
 .#{$fa-css-prefix}-institution:before,
 .#{$fa-css-prefix}-bank:before,
-.#{$fa-css-prefix}-university:before { content: $fa-var-university; }
+.#{$fa-css-prefix}-university:before {
+  content: $fa-var-university;
+}
 .#{$fa-css-prefix}-mortar-board:before,
-.#{$fa-css-prefix}-graduation-cap:before { content: $fa-var-graduation-cap; }
-.#{$fa-css-prefix}-yahoo:before { content: $fa-var-yahoo; }
-.#{$fa-css-prefix}-google:before { content: $fa-var-google; }
-.#{$fa-css-prefix}-reddit:before { content: $fa-var-reddit; }
-.#{$fa-css-prefix}-reddit-square:before { content: $fa-var-reddit-square; }
-.#{$fa-css-prefix}-stumbleupon-circle:before { content: $fa-var-stumbleupon-circle; }
-.#{$fa-css-prefix}-stumbleupon:before { content: $fa-var-stumbleupon; }
-.#{$fa-css-prefix}-delicious:before { content: $fa-var-delicious; }
-.#{$fa-css-prefix}-digg:before { content: $fa-var-digg; }
-.#{$fa-css-prefix}-pied-piper-pp:before { content: $fa-var-pied-piper-pp; }
-.#{$fa-css-prefix}-pied-piper-alt:before { content: $fa-var-pied-piper-alt; }
-.#{$fa-css-prefix}-drupal:before { content: $fa-var-drupal; }
-.#{$fa-css-prefix}-joomla:before { content: $fa-var-joomla; }
-.#{$fa-css-prefix}-language:before { content: $fa-var-language; }
-.#{$fa-css-prefix}-fax:before { content: $fa-var-fax; }
-.#{$fa-css-prefix}-building:before { content: $fa-var-building; }
-.#{$fa-css-prefix}-child:before { content: $fa-var-child; }
-.#{$fa-css-prefix}-paw:before { content: $fa-var-paw; }
-.#{$fa-css-prefix}-spoon:before { content: $fa-var-spoon; }
-.#{$fa-css-prefix}-cube:before { content: $fa-var-cube; }
-.#{$fa-css-prefix}-cubes:before { content: $fa-var-cubes; }
-.#{$fa-css-prefix}-behance:before { content: $fa-var-behance; }
-.#{$fa-css-prefix}-behance-square:before { content: $fa-var-behance-square; }
-.#{$fa-css-prefix}-steam:before { content: $fa-var-steam; }
-.#{$fa-css-prefix}-steam-square:before { content: $fa-var-steam-square; }
-.#{$fa-css-prefix}-recycle:before { content: $fa-var-recycle; }
+.#{$fa-css-prefix}-graduation-cap:before {
+  content: $fa-var-graduation-cap;
+}
+.#{$fa-css-prefix}-yahoo:before {
+  content: $fa-var-yahoo;
+}
+.#{$fa-css-prefix}-google:before {
+  content: $fa-var-google;
+}
+.#{$fa-css-prefix}-reddit:before {
+  content: $fa-var-reddit;
+}
+.#{$fa-css-prefix}-reddit-square:before {
+  content: $fa-var-reddit-square;
+}
+.#{$fa-css-prefix}-stumbleupon-circle:before {
+  content: $fa-var-stumbleupon-circle;
+}
+.#{$fa-css-prefix}-stumbleupon:before {
+  content: $fa-var-stumbleupon;
+}
+.#{$fa-css-prefix}-delicious:before {
+  content: $fa-var-delicious;
+}
+.#{$fa-css-prefix}-digg:before {
+  content: $fa-var-digg;
+}
+.#{$fa-css-prefix}-pied-piper-pp:before {
+  content: $fa-var-pied-piper-pp;
+}
+.#{$fa-css-prefix}-pied-piper-alt:before {
+  content: $fa-var-pied-piper-alt;
+}
+.#{$fa-css-prefix}-drupal:before {
+  content: $fa-var-drupal;
+}
+.#{$fa-css-prefix}-joomla:before {
+  content: $fa-var-joomla;
+}
+.#{$fa-css-prefix}-language:before {
+  content: $fa-var-language;
+}
+.#{$fa-css-prefix}-fax:before {
+  content: $fa-var-fax;
+}
+.#{$fa-css-prefix}-building:before {
+  content: $fa-var-building;
+}
+.#{$fa-css-prefix}-child:before {
+  content: $fa-var-child;
+}
+.#{$fa-css-prefix}-paw:before {
+  content: $fa-var-paw;
+}
+.#{$fa-css-prefix}-spoon:before {
+  content: $fa-var-spoon;
+}
+.#{$fa-css-prefix}-cube:before {
+  content: $fa-var-cube;
+}
+.#{$fa-css-prefix}-cubes:before {
+  content: $fa-var-cubes;
+}
+.#{$fa-css-prefix}-behance:before {
+  content: $fa-var-behance;
+}
+.#{$fa-css-prefix}-behance-square:before {
+  content: $fa-var-behance-square;
+}
+.#{$fa-css-prefix}-steam:before {
+  content: $fa-var-steam;
+}
+.#{$fa-css-prefix}-steam-square:before {
+  content: $fa-var-steam-square;
+}
+.#{$fa-css-prefix}-recycle:before {
+  content: $fa-var-recycle;
+}
 .#{$fa-css-prefix}-automobile:before,
-.#{$fa-css-prefix}-car:before { content: $fa-var-car; }
+.#{$fa-css-prefix}-car:before {
+  content: $fa-var-car;
+}
 .#{$fa-css-prefix}-cab:before,
-.#{$fa-css-prefix}-taxi:before { content: $fa-var-taxi; }
-.#{$fa-css-prefix}-tree:before { content: $fa-var-tree; }
-.#{$fa-css-prefix}-spotify:before { content: $fa-var-spotify; }
-.#{$fa-css-prefix}-deviantart:before { content: $fa-var-deviantart; }
-.#{$fa-css-prefix}-soundcloud:before { content: $fa-var-soundcloud; }
-.#{$fa-css-prefix}-database:before { content: $fa-var-database; }
-.#{$fa-css-prefix}-file-pdf-o:before { content: $fa-var-file-pdf-o; }
-.#{$fa-css-prefix}-file-word-o:before { content: $fa-var-file-word-o; }
-.#{$fa-css-prefix}-file-excel-o:before { content: $fa-var-file-excel-o; }
-.#{$fa-css-prefix}-file-powerpoint-o:before { content: $fa-var-file-powerpoint-o; }
+.#{$fa-css-prefix}-taxi:before {
+  content: $fa-var-taxi;
+}
+.#{$fa-css-prefix}-tree:before {
+  content: $fa-var-tree;
+}
+.#{$fa-css-prefix}-spotify:before {
+  content: $fa-var-spotify;
+}
+.#{$fa-css-prefix}-deviantart:before {
+  content: $fa-var-deviantart;
+}
+.#{$fa-css-prefix}-soundcloud:before {
+  content: $fa-var-soundcloud;
+}
+.#{$fa-css-prefix}-database:before {
+  content: $fa-var-database;
+}
+.#{$fa-css-prefix}-file-pdf-o:before {
+  content: $fa-var-file-pdf-o;
+}
+.#{$fa-css-prefix}-file-word-o:before {
+  content: $fa-var-file-word-o;
+}
+.#{$fa-css-prefix}-file-excel-o:before {
+  content: $fa-var-file-excel-o;
+}
+.#{$fa-css-prefix}-file-powerpoint-o:before {
+  content: $fa-var-file-powerpoint-o;
+}
 .#{$fa-css-prefix}-file-photo-o:before,
 .#{$fa-css-prefix}-file-picture-o:before,
-.#{$fa-css-prefix}-file-image-o:before { content: $fa-var-file-image-o; }
+.#{$fa-css-prefix}-file-image-o:before {
+  content: $fa-var-file-image-o;
+}
 .#{$fa-css-prefix}-file-zip-o:before,
-.#{$fa-css-prefix}-file-archive-o:before { content: $fa-var-file-archive-o; }
+.#{$fa-css-prefix}-file-archive-o:before {
+  content: $fa-var-file-archive-o;
+}
 .#{$fa-css-prefix}-file-sound-o:before,
-.#{$fa-css-prefix}-file-audio-o:before { content: $fa-var-file-audio-o; }
+.#{$fa-css-prefix}-file-audio-o:before {
+  content: $fa-var-file-audio-o;
+}
 .#{$fa-css-prefix}-file-movie-o:before,
-.#{$fa-css-prefix}-file-video-o:before { content: $fa-var-file-video-o; }
-.#{$fa-css-prefix}-file-code-o:before { content: $fa-var-file-code-o; }
-.#{$fa-css-prefix}-vine:before { content: $fa-var-vine; }
-.#{$fa-css-prefix}-codepen:before { content: $fa-var-codepen; }
-.#{$fa-css-prefix}-jsfiddle:before { content: $fa-var-jsfiddle; }
+.#{$fa-css-prefix}-file-video-o:before {
+  content: $fa-var-file-video-o;
+}
+.#{$fa-css-prefix}-file-code-o:before {
+  content: $fa-var-file-code-o;
+}
+.#{$fa-css-prefix}-vine:before {
+  content: $fa-var-vine;
+}
+.#{$fa-css-prefix}-codepen:before {
+  content: $fa-var-codepen;
+}
+.#{$fa-css-prefix}-jsfiddle:before {
+  content: $fa-var-jsfiddle;
+}
 .#{$fa-css-prefix}-life-bouy:before,
 .#{$fa-css-prefix}-life-buoy:before,
 .#{$fa-css-prefix}-life-saver:before,
 .#{$fa-css-prefix}-support:before,
-.#{$fa-css-prefix}-life-ring:before { content: $fa-var-life-ring; }
-.#{$fa-css-prefix}-circle-o-notch:before { content: $fa-var-circle-o-notch; }
+.#{$fa-css-prefix}-life-ring:before {
+  content: $fa-var-life-ring;
+}
+.#{$fa-css-prefix}-circle-o-notch:before {
+  content: $fa-var-circle-o-notch;
+}
 .#{$fa-css-prefix}-ra:before,
 .#{$fa-css-prefix}-resistance:before,
-.#{$fa-css-prefix}-rebel:before { content: $fa-var-rebel; }
+.#{$fa-css-prefix}-rebel:before {
+  content: $fa-var-rebel;
+}
 .#{$fa-css-prefix}-ge:before,
-.#{$fa-css-prefix}-empire:before { content: $fa-var-empire; }
-.#{$fa-css-prefix}-git-square:before { content: $fa-var-git-square; }
-.#{$fa-css-prefix}-git:before { content: $fa-var-git; }
+.#{$fa-css-prefix}-empire:before {
+  content: $fa-var-empire;
+}
+.#{$fa-css-prefix}-git-square:before {
+  content: $fa-var-git-square;
+}
+.#{$fa-css-prefix}-git:before {
+  content: $fa-var-git;
+}
 .#{$fa-css-prefix}-y-combinator-square:before,
 .#{$fa-css-prefix}-yc-square:before,
-.#{$fa-css-prefix}-hacker-news:before { content: $fa-var-hacker-news; }
-.#{$fa-css-prefix}-tencent-weibo:before { content: $fa-var-tencent-weibo; }
-.#{$fa-css-prefix}-qq:before { content: $fa-var-qq; }
+.#{$fa-css-prefix}-hacker-news:before {
+  content: $fa-var-hacker-news;
+}
+.#{$fa-css-prefix}-tencent-weibo:before {
+  content: $fa-var-tencent-weibo;
+}
+.#{$fa-css-prefix}-qq:before {
+  content: $fa-var-qq;
+}
 .#{$fa-css-prefix}-wechat:before,
-.#{$fa-css-prefix}-weixin:before { content: $fa-var-weixin; }
+.#{$fa-css-prefix}-weixin:before {
+  content: $fa-var-weixin;
+}
 .#{$fa-css-prefix}-send:before,
-.#{$fa-css-prefix}-paper-plane:before { content: $fa-var-paper-plane; }
+.#{$fa-css-prefix}-paper-plane:before {
+  content: $fa-var-paper-plane;
+}
 .#{$fa-css-prefix}-send-o:before,
-.#{$fa-css-prefix}-paper-plane-o:before { content: $fa-var-paper-plane-o; }
-.#{$fa-css-prefix}-history:before { content: $fa-var-history; }
-.#{$fa-css-prefix}-circle-thin:before { content: $fa-var-circle-thin; }
-.#{$fa-css-prefix}-header:before { content: $fa-var-header; }
-.#{$fa-css-prefix}-paragraph:before { content: $fa-var-paragraph; }
-.#{$fa-css-prefix}-sliders:before { content: $fa-var-sliders; }
-.#{$fa-css-prefix}-share-alt:before { content: $fa-var-share-alt; }
-.#{$fa-css-prefix}-share-alt-square:before { content: $fa-var-share-alt-square; }
-.#{$fa-css-prefix}-bomb:before { content: $fa-var-bomb; }
+.#{$fa-css-prefix}-paper-plane-o:before {
+  content: $fa-var-paper-plane-o;
+}
+.#{$fa-css-prefix}-history:before {
+  content: $fa-var-history;
+}
+.#{$fa-css-prefix}-circle-thin:before {
+  content: $fa-var-circle-thin;
+}
+.#{$fa-css-prefix}-header:before {
+  content: $fa-var-header;
+}
+.#{$fa-css-prefix}-paragraph:before {
+  content: $fa-var-paragraph;
+}
+.#{$fa-css-prefix}-sliders:before {
+  content: $fa-var-sliders;
+}
+.#{$fa-css-prefix}-share-alt:before {
+  content: $fa-var-share-alt;
+}
+.#{$fa-css-prefix}-share-alt-square:before {
+  content: $fa-var-share-alt-square;
+}
+.#{$fa-css-prefix}-bomb:before {
+  content: $fa-var-bomb;
+}
 .#{$fa-css-prefix}-soccer-ball-o:before,
-.#{$fa-css-prefix}-futbol-o:before { content: $fa-var-futbol-o; }
-.#{$fa-css-prefix}-tty:before { content: $fa-var-tty; }
-.#{$fa-css-prefix}-binoculars:before { content: $fa-var-binoculars; }
-.#{$fa-css-prefix}-plug:before { content: $fa-var-plug; }
-.#{$fa-css-prefix}-slideshare:before { content: $fa-var-slideshare; }
-.#{$fa-css-prefix}-twitch:before { content: $fa-var-twitch; }
-.#{$fa-css-prefix}-yelp:before { content: $fa-var-yelp; }
-.#{$fa-css-prefix}-newspaper-o:before { content: $fa-var-newspaper-o; }
-.#{$fa-css-prefix}-wifi:before { content: $fa-var-wifi; }
-.#{$fa-css-prefix}-calculator:before { content: $fa-var-calculator; }
-.#{$fa-css-prefix}-paypal:before { content: $fa-var-paypal; }
-.#{$fa-css-prefix}-google-wallet:before { content: $fa-var-google-wallet; }
-.#{$fa-css-prefix}-cc-visa:before { content: $fa-var-cc-visa; }
-.#{$fa-css-prefix}-cc-mastercard:before { content: $fa-var-cc-mastercard; }
-.#{$fa-css-prefix}-cc-discover:before { content: $fa-var-cc-discover; }
-.#{$fa-css-prefix}-cc-amex:before { content: $fa-var-cc-amex; }
-.#{$fa-css-prefix}-cc-paypal:before { content: $fa-var-cc-paypal; }
-.#{$fa-css-prefix}-cc-stripe:before { content: $fa-var-cc-stripe; }
-.#{$fa-css-prefix}-bell-slash:before { content: $fa-var-bell-slash; }
-.#{$fa-css-prefix}-bell-slash-o:before { content: $fa-var-bell-slash-o; }
-.#{$fa-css-prefix}-trash:before { content: $fa-var-trash; }
-.#{$fa-css-prefix}-copyright:before { content: $fa-var-copyright; }
-.#{$fa-css-prefix}-at:before { content: $fa-var-at; }
-.#{$fa-css-prefix}-eyedropper:before { content: $fa-var-eyedropper; }
-.#{$fa-css-prefix}-paint-brush:before { content: $fa-var-paint-brush; }
-.#{$fa-css-prefix}-birthday-cake:before { content: $fa-var-birthday-cake; }
-.#{$fa-css-prefix}-area-chart:before { content: $fa-var-area-chart; }
-.#{$fa-css-prefix}-pie-chart:before { content: $fa-var-pie-chart; }
-.#{$fa-css-prefix}-line-chart:before { content: $fa-var-line-chart; }
-.#{$fa-css-prefix}-lastfm:before { content: $fa-var-lastfm; }
-.#{$fa-css-prefix}-lastfm-square:before { content: $fa-var-lastfm-square; }
-.#{$fa-css-prefix}-toggle-off:before { content: $fa-var-toggle-off; }
-.#{$fa-css-prefix}-toggle-on:before { content: $fa-var-toggle-on; }
-.#{$fa-css-prefix}-bicycle:before { content: $fa-var-bicycle; }
-.#{$fa-css-prefix}-bus:before { content: $fa-var-bus; }
-.#{$fa-css-prefix}-ioxhost:before { content: $fa-var-ioxhost; }
-.#{$fa-css-prefix}-angellist:before { content: $fa-var-angellist; }
-.#{$fa-css-prefix}-cc:before { content: $fa-var-cc; }
+.#{$fa-css-prefix}-futbol-o:before {
+  content: $fa-var-futbol-o;
+}
+.#{$fa-css-prefix}-tty:before {
+  content: $fa-var-tty;
+}
+.#{$fa-css-prefix}-binoculars:before {
+  content: $fa-var-binoculars;
+}
+.#{$fa-css-prefix}-plug:before {
+  content: $fa-var-plug;
+}
+.#{$fa-css-prefix}-slideshare:before {
+  content: $fa-var-slideshare;
+}
+.#{$fa-css-prefix}-twitch:before {
+  content: $fa-var-twitch;
+}
+.#{$fa-css-prefix}-yelp:before {
+  content: $fa-var-yelp;
+}
+.#{$fa-css-prefix}-newspaper-o:before {
+  content: $fa-var-newspaper-o;
+}
+.#{$fa-css-prefix}-wifi:before {
+  content: $fa-var-wifi;
+}
+.#{$fa-css-prefix}-calculator:before {
+  content: $fa-var-calculator;
+}
+.#{$fa-css-prefix}-paypal:before {
+  content: $fa-var-paypal;
+}
+.#{$fa-css-prefix}-google-wallet:before {
+  content: $fa-var-google-wallet;
+}
+.#{$fa-css-prefix}-cc-visa:before {
+  content: $fa-var-cc-visa;
+}
+.#{$fa-css-prefix}-cc-mastercard:before {
+  content: $fa-var-cc-mastercard;
+}
+.#{$fa-css-prefix}-cc-discover:before {
+  content: $fa-var-cc-discover;
+}
+.#{$fa-css-prefix}-cc-amex:before {
+  content: $fa-var-cc-amex;
+}
+.#{$fa-css-prefix}-cc-paypal:before {
+  content: $fa-var-cc-paypal;
+}
+.#{$fa-css-prefix}-cc-stripe:before {
+  content: $fa-var-cc-stripe;
+}
+.#{$fa-css-prefix}-bell-slash:before {
+  content: $fa-var-bell-slash;
+}
+.#{$fa-css-prefix}-bell-slash-o:before {
+  content: $fa-var-bell-slash-o;
+}
+.#{$fa-css-prefix}-trash:before {
+  content: $fa-var-trash;
+}
+.#{$fa-css-prefix}-copyright:before {
+  content: $fa-var-copyright;
+}
+.#{$fa-css-prefix}-at:before {
+  content: $fa-var-at;
+}
+.#{$fa-css-prefix}-eyedropper:before {
+  content: $fa-var-eyedropper;
+}
+.#{$fa-css-prefix}-paint-brush:before {
+  content: $fa-var-paint-brush;
+}
+.#{$fa-css-prefix}-birthday-cake:before {
+  content: $fa-var-birthday-cake;
+}
+.#{$fa-css-prefix}-area-chart:before {
+  content: $fa-var-area-chart;
+}
+.#{$fa-css-prefix}-pie-chart:before {
+  content: $fa-var-pie-chart;
+}
+.#{$fa-css-prefix}-line-chart:before {
+  content: $fa-var-line-chart;
+}
+.#{$fa-css-prefix}-lastfm:before {
+  content: $fa-var-lastfm;
+}
+.#{$fa-css-prefix}-lastfm-square:before {
+  content: $fa-var-lastfm-square;
+}
+.#{$fa-css-prefix}-toggle-off:before {
+  content: $fa-var-toggle-off;
+}
+.#{$fa-css-prefix}-toggle-on:before {
+  content: $fa-var-toggle-on;
+}
+.#{$fa-css-prefix}-bicycle:before {
+  content: $fa-var-bicycle;
+}
+.#{$fa-css-prefix}-bus:before {
+  content: $fa-var-bus;
+}
+.#{$fa-css-prefix}-ioxhost:before {
+  content: $fa-var-ioxhost;
+}
+.#{$fa-css-prefix}-angellist:before {
+  content: $fa-var-angellist;
+}
+.#{$fa-css-prefix}-cc:before {
+  content: $fa-var-cc;
+}
 .#{$fa-css-prefix}-shekel:before,
 .#{$fa-css-prefix}-sheqel:before,
-.#{$fa-css-prefix}-ils:before { content: $fa-var-ils; }
-.#{$fa-css-prefix}-meanpath:before { content: $fa-var-meanpath; }
-.#{$fa-css-prefix}-buysellads:before { content: $fa-var-buysellads; }
-.#{$fa-css-prefix}-connectdevelop:before { content: $fa-var-connectdevelop; }
-.#{$fa-css-prefix}-dashcube:before { content: $fa-var-dashcube; }
-.#{$fa-css-prefix}-forumbee:before { content: $fa-var-forumbee; }
-.#{$fa-css-prefix}-leanpub:before { content: $fa-var-leanpub; }
-.#{$fa-css-prefix}-sellsy:before { content: $fa-var-sellsy; }
-.#{$fa-css-prefix}-shirtsinbulk:before { content: $fa-var-shirtsinbulk; }
-.#{$fa-css-prefix}-simplybuilt:before { content: $fa-var-simplybuilt; }
-.#{$fa-css-prefix}-skyatlas:before { content: $fa-var-skyatlas; }
-.#{$fa-css-prefix}-cart-plus:before { content: $fa-var-cart-plus; }
-.#{$fa-css-prefix}-cart-arrow-down:before { content: $fa-var-cart-arrow-down; }
-.#{$fa-css-prefix}-diamond:before { content: $fa-var-diamond; }
-.#{$fa-css-prefix}-ship:before { content: $fa-var-ship; }
-.#{$fa-css-prefix}-user-secret:before { content: $fa-var-user-secret; }
-.#{$fa-css-prefix}-motorcycle:before { content: $fa-var-motorcycle; }
-.#{$fa-css-prefix}-street-view:before { content: $fa-var-street-view; }
-.#{$fa-css-prefix}-heartbeat:before { content: $fa-var-heartbeat; }
-.#{$fa-css-prefix}-venus:before { content: $fa-var-venus; }
-.#{$fa-css-prefix}-mars:before { content: $fa-var-mars; }
-.#{$fa-css-prefix}-mercury:before { content: $fa-var-mercury; }
+.#{$fa-css-prefix}-ils:before {
+  content: $fa-var-ils;
+}
+.#{$fa-css-prefix}-meanpath:before {
+  content: $fa-var-meanpath;
+}
+.#{$fa-css-prefix}-buysellads:before {
+  content: $fa-var-buysellads;
+}
+.#{$fa-css-prefix}-connectdevelop:before {
+  content: $fa-var-connectdevelop;
+}
+.#{$fa-css-prefix}-dashcube:before {
+  content: $fa-var-dashcube;
+}
+.#{$fa-css-prefix}-forumbee:before {
+  content: $fa-var-forumbee;
+}
+.#{$fa-css-prefix}-leanpub:before {
+  content: $fa-var-leanpub;
+}
+.#{$fa-css-prefix}-sellsy:before {
+  content: $fa-var-sellsy;
+}
+.#{$fa-css-prefix}-shirtsinbulk:before {
+  content: $fa-var-shirtsinbulk;
+}
+.#{$fa-css-prefix}-simplybuilt:before {
+  content: $fa-var-simplybuilt;
+}
+.#{$fa-css-prefix}-skyatlas:before {
+  content: $fa-var-skyatlas;
+}
+.#{$fa-css-prefix}-cart-plus:before {
+  content: $fa-var-cart-plus;
+}
+.#{$fa-css-prefix}-cart-arrow-down:before {
+  content: $fa-var-cart-arrow-down;
+}
+.#{$fa-css-prefix}-diamond:before {
+  content: $fa-var-diamond;
+}
+.#{$fa-css-prefix}-ship:before {
+  content: $fa-var-ship;
+}
+.#{$fa-css-prefix}-user-secret:before {
+  content: $fa-var-user-secret;
+}
+.#{$fa-css-prefix}-motorcycle:before {
+  content: $fa-var-motorcycle;
+}
+.#{$fa-css-prefix}-street-view:before {
+  content: $fa-var-street-view;
+}
+.#{$fa-css-prefix}-heartbeat:before {
+  content: $fa-var-heartbeat;
+}
+.#{$fa-css-prefix}-venus:before {
+  content: $fa-var-venus;
+}
+.#{$fa-css-prefix}-mars:before {
+  content: $fa-var-mars;
+}
+.#{$fa-css-prefix}-mercury:before {
+  content: $fa-var-mercury;
+}
 .#{$fa-css-prefix}-intersex:before,
-.#{$fa-css-prefix}-transgender:before { content: $fa-var-transgender; }
-.#{$fa-css-prefix}-transgender-alt:before { content: $fa-var-transgender-alt; }
-.#{$fa-css-prefix}-venus-double:before { content: $fa-var-venus-double; }
-.#{$fa-css-prefix}-mars-double:before { content: $fa-var-mars-double; }
-.#{$fa-css-prefix}-venus-mars:before { content: $fa-var-venus-mars; }
-.#{$fa-css-prefix}-mars-stroke:before { content: $fa-var-mars-stroke; }
-.#{$fa-css-prefix}-mars-stroke-v:before { content: $fa-var-mars-stroke-v; }
-.#{$fa-css-prefix}-mars-stroke-h:before { content: $fa-var-mars-stroke-h; }
-.#{$fa-css-prefix}-neuter:before { content: $fa-var-neuter; }
-.#{$fa-css-prefix}-genderless:before { content: $fa-var-genderless; }
-.#{$fa-css-prefix}-facebook-official:before { content: $fa-var-facebook-official; }
-.#{$fa-css-prefix}-pinterest-p:before { content: $fa-var-pinterest-p; }
-.#{$fa-css-prefix}-whatsapp:before { content: $fa-var-whatsapp; }
-.#{$fa-css-prefix}-server:before { content: $fa-var-server; }
-.#{$fa-css-prefix}-user-plus:before { content: $fa-var-user-plus; }
-.#{$fa-css-prefix}-user-times:before { content: $fa-var-user-times; }
+.#{$fa-css-prefix}-transgender:before {
+  content: $fa-var-transgender;
+}
+.#{$fa-css-prefix}-transgender-alt:before {
+  content: $fa-var-transgender-alt;
+}
+.#{$fa-css-prefix}-venus-double:before {
+  content: $fa-var-venus-double;
+}
+.#{$fa-css-prefix}-mars-double:before {
+  content: $fa-var-mars-double;
+}
+.#{$fa-css-prefix}-venus-mars:before {
+  content: $fa-var-venus-mars;
+}
+.#{$fa-css-prefix}-mars-stroke:before {
+  content: $fa-var-mars-stroke;
+}
+.#{$fa-css-prefix}-mars-stroke-v:before {
+  content: $fa-var-mars-stroke-v;
+}
+.#{$fa-css-prefix}-mars-stroke-h:before {
+  content: $fa-var-mars-stroke-h;
+}
+.#{$fa-css-prefix}-neuter:before {
+  content: $fa-var-neuter;
+}
+.#{$fa-css-prefix}-genderless:before {
+  content: $fa-var-genderless;
+}
+.#{$fa-css-prefix}-facebook-official:before {
+  content: $fa-var-facebook-official;
+}
+.#{$fa-css-prefix}-pinterest-p:before {
+  content: $fa-var-pinterest-p;
+}
+.#{$fa-css-prefix}-whatsapp:before {
+  content: $fa-var-whatsapp;
+}
+.#{$fa-css-prefix}-server:before {
+  content: $fa-var-server;
+}
+.#{$fa-css-prefix}-user-plus:before {
+  content: $fa-var-user-plus;
+}
+.#{$fa-css-prefix}-user-times:before {
+  content: $fa-var-user-times;
+}
 .#{$fa-css-prefix}-hotel:before,
-.#{$fa-css-prefix}-bed:before { content: $fa-var-bed; }
-.#{$fa-css-prefix}-viacoin:before { content: $fa-var-viacoin; }
-.#{$fa-css-prefix}-train:before { content: $fa-var-train; }
-.#{$fa-css-prefix}-subway:before { content: $fa-var-subway; }
-.#{$fa-css-prefix}-medium:before { content: $fa-var-medium; }
+.#{$fa-css-prefix}-bed:before {
+  content: $fa-var-bed;
+}
+.#{$fa-css-prefix}-viacoin:before {
+  content: $fa-var-viacoin;
+}
+.#{$fa-css-prefix}-train:before {
+  content: $fa-var-train;
+}
+.#{$fa-css-prefix}-subway:before {
+  content: $fa-var-subway;
+}
+.#{$fa-css-prefix}-medium:before {
+  content: $fa-var-medium;
+}
 .#{$fa-css-prefix}-yc:before,
-.#{$fa-css-prefix}-y-combinator:before { content: $fa-var-y-combinator; }
-.#{$fa-css-prefix}-optin-monster:before { content: $fa-var-optin-monster; }
-.#{$fa-css-prefix}-opencart:before { content: $fa-var-opencart; }
-.#{$fa-css-prefix}-expeditedssl:before { content: $fa-var-expeditedssl; }
+.#{$fa-css-prefix}-y-combinator:before {
+  content: $fa-var-y-combinator;
+}
+.#{$fa-css-prefix}-optin-monster:before {
+  content: $fa-var-optin-monster;
+}
+.#{$fa-css-prefix}-opencart:before {
+  content: $fa-var-opencart;
+}
+.#{$fa-css-prefix}-expeditedssl:before {
+  content: $fa-var-expeditedssl;
+}
 .#{$fa-css-prefix}-battery-4:before,
 .#{$fa-css-prefix}-battery:before,
-.#{$fa-css-prefix}-battery-full:before { content: $fa-var-battery-full; }
+.#{$fa-css-prefix}-battery-full:before {
+  content: $fa-var-battery-full;
+}
 .#{$fa-css-prefix}-battery-3:before,
-.#{$fa-css-prefix}-battery-three-quarters:before { content: $fa-var-battery-three-quarters; }
+.#{$fa-css-prefix}-battery-three-quarters:before {
+  content: $fa-var-battery-three-quarters;
+}
 .#{$fa-css-prefix}-battery-2:before,
-.#{$fa-css-prefix}-battery-half:before { content: $fa-var-battery-half; }
+.#{$fa-css-prefix}-battery-half:before {
+  content: $fa-var-battery-half;
+}
 .#{$fa-css-prefix}-battery-1:before,
-.#{$fa-css-prefix}-battery-quarter:before { content: $fa-var-battery-quarter; }
+.#{$fa-css-prefix}-battery-quarter:before {
+  content: $fa-var-battery-quarter;
+}
 .#{$fa-css-prefix}-battery-0:before,
-.#{$fa-css-prefix}-battery-empty:before { content: $fa-var-battery-empty; }
-.#{$fa-css-prefix}-mouse-pointer:before { content: $fa-var-mouse-pointer; }
-.#{$fa-css-prefix}-i-cursor:before { content: $fa-var-i-cursor; }
-.#{$fa-css-prefix}-object-group:before { content: $fa-var-object-group; }
-.#{$fa-css-prefix}-object-ungroup:before { content: $fa-var-object-ungroup; }
-.#{$fa-css-prefix}-sticky-note:before { content: $fa-var-sticky-note; }
-.#{$fa-css-prefix}-sticky-note-o:before { content: $fa-var-sticky-note-o; }
-.#{$fa-css-prefix}-cc-jcb:before { content: $fa-var-cc-jcb; }
-.#{$fa-css-prefix}-cc-diners-club:before { content: $fa-var-cc-diners-club; }
-.#{$fa-css-prefix}-clone:before { content: $fa-var-clone; }
-.#{$fa-css-prefix}-balance-scale:before { content: $fa-var-balance-scale; }
-.#{$fa-css-prefix}-hourglass-o:before { content: $fa-var-hourglass-o; }
+.#{$fa-css-prefix}-battery-empty:before {
+  content: $fa-var-battery-empty;
+}
+.#{$fa-css-prefix}-mouse-pointer:before {
+  content: $fa-var-mouse-pointer;
+}
+.#{$fa-css-prefix}-i-cursor:before {
+  content: $fa-var-i-cursor;
+}
+.#{$fa-css-prefix}-object-group:before {
+  content: $fa-var-object-group;
+}
+.#{$fa-css-prefix}-object-ungroup:before {
+  content: $fa-var-object-ungroup;
+}
+.#{$fa-css-prefix}-sticky-note:before {
+  content: $fa-var-sticky-note;
+}
+.#{$fa-css-prefix}-sticky-note-o:before {
+  content: $fa-var-sticky-note-o;
+}
+.#{$fa-css-prefix}-cc-jcb:before {
+  content: $fa-var-cc-jcb;
+}
+.#{$fa-css-prefix}-cc-diners-club:before {
+  content: $fa-var-cc-diners-club;
+}
+.#{$fa-css-prefix}-clone:before {
+  content: $fa-var-clone;
+}
+.#{$fa-css-prefix}-balance-scale:before {
+  content: $fa-var-balance-scale;
+}
+.#{$fa-css-prefix}-hourglass-o:before {
+  content: $fa-var-hourglass-o;
+}
 .#{$fa-css-prefix}-hourglass-1:before,
-.#{$fa-css-prefix}-hourglass-start:before { content: $fa-var-hourglass-start; }
+.#{$fa-css-prefix}-hourglass-start:before {
+  content: $fa-var-hourglass-start;
+}
 .#{$fa-css-prefix}-hourglass-2:before,
-.#{$fa-css-prefix}-hourglass-half:before { content: $fa-var-hourglass-half; }
+.#{$fa-css-prefix}-hourglass-half:before {
+  content: $fa-var-hourglass-half;
+}
 .#{$fa-css-prefix}-hourglass-3:before,
-.#{$fa-css-prefix}-hourglass-end:before { content: $fa-var-hourglass-end; }
-.#{$fa-css-prefix}-hourglass:before { content: $fa-var-hourglass; }
+.#{$fa-css-prefix}-hourglass-end:before {
+  content: $fa-var-hourglass-end;
+}
+.#{$fa-css-prefix}-hourglass:before {
+  content: $fa-var-hourglass;
+}
 .#{$fa-css-prefix}-hand-grab-o:before,
-.#{$fa-css-prefix}-hand-rock-o:before { content: $fa-var-hand-rock-o; }
+.#{$fa-css-prefix}-hand-rock-o:before {
+  content: $fa-var-hand-rock-o;
+}
 .#{$fa-css-prefix}-hand-stop-o:before,
-.#{$fa-css-prefix}-hand-paper-o:before { content: $fa-var-hand-paper-o; }
-.#{$fa-css-prefix}-hand-scissors-o:before { content: $fa-var-hand-scissors-o; }
-.#{$fa-css-prefix}-hand-lizard-o:before { content: $fa-var-hand-lizard-o; }
-.#{$fa-css-prefix}-hand-spock-o:before { content: $fa-var-hand-spock-o; }
-.#{$fa-css-prefix}-hand-pointer-o:before { content: $fa-var-hand-pointer-o; }
-.#{$fa-css-prefix}-hand-peace-o:before { content: $fa-var-hand-peace-o; }
-.#{$fa-css-prefix}-trademark:before { content: $fa-var-trademark; }
-.#{$fa-css-prefix}-registered:before { content: $fa-var-registered; }
-.#{$fa-css-prefix}-creative-commons:before { content: $fa-var-creative-commons; }
-.#{$fa-css-prefix}-gg:before { content: $fa-var-gg; }
-.#{$fa-css-prefix}-gg-circle:before { content: $fa-var-gg-circle; }
-.#{$fa-css-prefix}-tripadvisor:before { content: $fa-var-tripadvisor; }
-.#{$fa-css-prefix}-odnoklassniki:before { content: $fa-var-odnoklassniki; }
-.#{$fa-css-prefix}-odnoklassniki-square:before { content: $fa-var-odnoklassniki-square; }
-.#{$fa-css-prefix}-get-pocket:before { content: $fa-var-get-pocket; }
-.#{$fa-css-prefix}-wikipedia-w:before { content: $fa-var-wikipedia-w; }
-.#{$fa-css-prefix}-safari:before { content: $fa-var-safari; }
-.#{$fa-css-prefix}-chrome:before { content: $fa-var-chrome; }
-.#{$fa-css-prefix}-firefox:before { content: $fa-var-firefox; }
-.#{$fa-css-prefix}-opera:before { content: $fa-var-opera; }
-.#{$fa-css-prefix}-internet-explorer:before { content: $fa-var-internet-explorer; }
+.#{$fa-css-prefix}-hand-paper-o:before {
+  content: $fa-var-hand-paper-o;
+}
+.#{$fa-css-prefix}-hand-scissors-o:before {
+  content: $fa-var-hand-scissors-o;
+}
+.#{$fa-css-prefix}-hand-lizard-o:before {
+  content: $fa-var-hand-lizard-o;
+}
+.#{$fa-css-prefix}-hand-spock-o:before {
+  content: $fa-var-hand-spock-o;
+}
+.#{$fa-css-prefix}-hand-pointer-o:before {
+  content: $fa-var-hand-pointer-o;
+}
+.#{$fa-css-prefix}-hand-peace-o:before {
+  content: $fa-var-hand-peace-o;
+}
+.#{$fa-css-prefix}-trademark:before {
+  content: $fa-var-trademark;
+}
+.#{$fa-css-prefix}-registered:before {
+  content: $fa-var-registered;
+}
+.#{$fa-css-prefix}-creative-commons:before {
+  content: $fa-var-creative-commons;
+}
+.#{$fa-css-prefix}-gg:before {
+  content: $fa-var-gg;
+}
+.#{$fa-css-prefix}-gg-circle:before {
+  content: $fa-var-gg-circle;
+}
+.#{$fa-css-prefix}-tripadvisor:before {
+  content: $fa-var-tripadvisor;
+}
+.#{$fa-css-prefix}-odnoklassniki:before {
+  content: $fa-var-odnoklassniki;
+}
+.#{$fa-css-prefix}-odnoklassniki-square:before {
+  content: $fa-var-odnoklassniki-square;
+}
+.#{$fa-css-prefix}-get-pocket:before {
+  content: $fa-var-get-pocket;
+}
+.#{$fa-css-prefix}-wikipedia-w:before {
+  content: $fa-var-wikipedia-w;
+}
+.#{$fa-css-prefix}-safari:before {
+  content: $fa-var-safari;
+}
+.#{$fa-css-prefix}-chrome:before {
+  content: $fa-var-chrome;
+}
+.#{$fa-css-prefix}-firefox:before {
+  content: $fa-var-firefox;
+}
+.#{$fa-css-prefix}-opera:before {
+  content: $fa-var-opera;
+}
+.#{$fa-css-prefix}-internet-explorer:before {
+  content: $fa-var-internet-explorer;
+}
 .#{$fa-css-prefix}-tv:before,
-.#{$fa-css-prefix}-television:before { content: $fa-var-television; }
-.#{$fa-css-prefix}-contao:before { content: $fa-var-contao; }
-.#{$fa-css-prefix}-500px:before { content: $fa-var-500px; }
-.#{$fa-css-prefix}-amazon:before { content: $fa-var-amazon; }
-.#{$fa-css-prefix}-calendar-plus-o:before { content: $fa-var-calendar-plus-o; }
-.#{$fa-css-prefix}-calendar-minus-o:before { content: $fa-var-calendar-minus-o; }
-.#{$fa-css-prefix}-calendar-times-o:before { content: $fa-var-calendar-times-o; }
-.#{$fa-css-prefix}-calendar-check-o:before { content: $fa-var-calendar-check-o; }
-.#{$fa-css-prefix}-industry:before { content: $fa-var-industry; }
-.#{$fa-css-prefix}-map-pin:before { content: $fa-var-map-pin; }
-.#{$fa-css-prefix}-map-signs:before { content: $fa-var-map-signs; }
-.#{$fa-css-prefix}-map-o:before { content: $fa-var-map-o; }
-.#{$fa-css-prefix}-map:before { content: $fa-var-map; }
-.#{$fa-css-prefix}-commenting:before { content: $fa-var-commenting; }
-.#{$fa-css-prefix}-commenting-o:before { content: $fa-var-commenting-o; }
-.#{$fa-css-prefix}-houzz:before { content: $fa-var-houzz; }
-.#{$fa-css-prefix}-vimeo:before { content: $fa-var-vimeo; }
-.#{$fa-css-prefix}-black-tie:before { content: $fa-var-black-tie; }
-.#{$fa-css-prefix}-fonticons:before { content: $fa-var-fonticons; }
-.#{$fa-css-prefix}-reddit-alien:before { content: $fa-var-reddit-alien; }
-.#{$fa-css-prefix}-edge:before { content: $fa-var-edge; }
-.#{$fa-css-prefix}-credit-card-alt:before { content: $fa-var-credit-card-alt; }
-.#{$fa-css-prefix}-codiepie:before { content: $fa-var-codiepie; }
-.#{$fa-css-prefix}-modx:before { content: $fa-var-modx; }
-.#{$fa-css-prefix}-fort-awesome:before { content: $fa-var-fort-awesome; }
-.#{$fa-css-prefix}-usb:before { content: $fa-var-usb; }
-.#{$fa-css-prefix}-product-hunt:before { content: $fa-var-product-hunt; }
-.#{$fa-css-prefix}-mixcloud:before { content: $fa-var-mixcloud; }
-.#{$fa-css-prefix}-scribd:before { content: $fa-var-scribd; }
-.#{$fa-css-prefix}-pause-circle:before { content: $fa-var-pause-circle; }
-.#{$fa-css-prefix}-pause-circle-o:before { content: $fa-var-pause-circle-o; }
-.#{$fa-css-prefix}-stop-circle:before { content: $fa-var-stop-circle; }
-.#{$fa-css-prefix}-stop-circle-o:before { content: $fa-var-stop-circle-o; }
-.#{$fa-css-prefix}-shopping-bag:before { content: $fa-var-shopping-bag; }
-.#{$fa-css-prefix}-shopping-basket:before { content: $fa-var-shopping-basket; }
-.#{$fa-css-prefix}-hashtag:before { content: $fa-var-hashtag; }
-.#{$fa-css-prefix}-bluetooth:before { content: $fa-var-bluetooth; }
-.#{$fa-css-prefix}-bluetooth-b:before { content: $fa-var-bluetooth-b; }
-.#{$fa-css-prefix}-percent:before { content: $fa-var-percent; }
-.#{$fa-css-prefix}-gitlab:before { content: $fa-var-gitlab; }
-.#{$fa-css-prefix}-wpbeginner:before { content: $fa-var-wpbeginner; }
-.#{$fa-css-prefix}-wpforms:before { content: $fa-var-wpforms; }
-.#{$fa-css-prefix}-envira:before { content: $fa-var-envira; }
-.#{$fa-css-prefix}-universal-access:before { content: $fa-var-universal-access; }
-.#{$fa-css-prefix}-wheelchair-alt:before { content: $fa-var-wheelchair-alt; }
-.#{$fa-css-prefix}-question-circle-o:before { content: $fa-var-question-circle-o; }
-.#{$fa-css-prefix}-blind:before { content: $fa-var-blind; }
-.#{$fa-css-prefix}-audio-description:before { content: $fa-var-audio-description; }
-.#{$fa-css-prefix}-volume-control-phone:before { content: $fa-var-volume-control-phone; }
-.#{$fa-css-prefix}-braille:before { content: $fa-var-braille; }
-.#{$fa-css-prefix}-assistive-listening-systems:before { content: $fa-var-assistive-listening-systems; }
+.#{$fa-css-prefix}-television:before {
+  content: $fa-var-television;
+}
+.#{$fa-css-prefix}-contao:before {
+  content: $fa-var-contao;
+}
+.#{$fa-css-prefix}-500px:before {
+  content: $fa-var-500px;
+}
+.#{$fa-css-prefix}-amazon:before {
+  content: $fa-var-amazon;
+}
+.#{$fa-css-prefix}-calendar-plus-o:before {
+  content: $fa-var-calendar-plus-o;
+}
+.#{$fa-css-prefix}-calendar-minus-o:before {
+  content: $fa-var-calendar-minus-o;
+}
+.#{$fa-css-prefix}-calendar-times-o:before {
+  content: $fa-var-calendar-times-o;
+}
+.#{$fa-css-prefix}-calendar-check-o:before {
+  content: $fa-var-calendar-check-o;
+}
+.#{$fa-css-prefix}-industry:before {
+  content: $fa-var-industry;
+}
+.#{$fa-css-prefix}-map-pin:before {
+  content: $fa-var-map-pin;
+}
+.#{$fa-css-prefix}-map-signs:before {
+  content: $fa-var-map-signs;
+}
+.#{$fa-css-prefix}-map-o:before {
+  content: $fa-var-map-o;
+}
+.#{$fa-css-prefix}-map:before {
+  content: $fa-var-map;
+}
+.#{$fa-css-prefix}-commenting:before {
+  content: $fa-var-commenting;
+}
+.#{$fa-css-prefix}-commenting-o:before {
+  content: $fa-var-commenting-o;
+}
+.#{$fa-css-prefix}-houzz:before {
+  content: $fa-var-houzz;
+}
+.#{$fa-css-prefix}-vimeo:before {
+  content: $fa-var-vimeo;
+}
+.#{$fa-css-prefix}-black-tie:before {
+  content: $fa-var-black-tie;
+}
+.#{$fa-css-prefix}-fonticons:before {
+  content: $fa-var-fonticons;
+}
+.#{$fa-css-prefix}-reddit-alien:before {
+  content: $fa-var-reddit-alien;
+}
+.#{$fa-css-prefix}-edge:before {
+  content: $fa-var-edge;
+}
+.#{$fa-css-prefix}-credit-card-alt:before {
+  content: $fa-var-credit-card-alt;
+}
+.#{$fa-css-prefix}-codiepie:before {
+  content: $fa-var-codiepie;
+}
+.#{$fa-css-prefix}-modx:before {
+  content: $fa-var-modx;
+}
+.#{$fa-css-prefix}-fort-awesome:before {
+  content: $fa-var-fort-awesome;
+}
+.#{$fa-css-prefix}-usb:before {
+  content: $fa-var-usb;
+}
+.#{$fa-css-prefix}-product-hunt:before {
+  content: $fa-var-product-hunt;
+}
+.#{$fa-css-prefix}-mixcloud:before {
+  content: $fa-var-mixcloud;
+}
+.#{$fa-css-prefix}-scribd:before {
+  content: $fa-var-scribd;
+}
+.#{$fa-css-prefix}-pause-circle:before {
+  content: $fa-var-pause-circle;
+}
+.#{$fa-css-prefix}-pause-circle-o:before {
+  content: $fa-var-pause-circle-o;
+}
+.#{$fa-css-prefix}-stop-circle:before {
+  content: $fa-var-stop-circle;
+}
+.#{$fa-css-prefix}-stop-circle-o:before {
+  content: $fa-var-stop-circle-o;
+}
+.#{$fa-css-prefix}-shopping-bag:before {
+  content: $fa-var-shopping-bag;
+}
+.#{$fa-css-prefix}-shopping-basket:before {
+  content: $fa-var-shopping-basket;
+}
+.#{$fa-css-prefix}-hashtag:before {
+  content: $fa-var-hashtag;
+}
+.#{$fa-css-prefix}-bluetooth:before {
+  content: $fa-var-bluetooth;
+}
+.#{$fa-css-prefix}-bluetooth-b:before {
+  content: $fa-var-bluetooth-b;
+}
+.#{$fa-css-prefix}-percent:before {
+  content: $fa-var-percent;
+}
+.#{$fa-css-prefix}-gitlab:before {
+  content: $fa-var-gitlab;
+}
+.#{$fa-css-prefix}-wpbeginner:before {
+  content: $fa-var-wpbeginner;
+}
+.#{$fa-css-prefix}-wpforms:before {
+  content: $fa-var-wpforms;
+}
+.#{$fa-css-prefix}-envira:before {
+  content: $fa-var-envira;
+}
+.#{$fa-css-prefix}-universal-access:before {
+  content: $fa-var-universal-access;
+}
+.#{$fa-css-prefix}-wheelchair-alt:before {
+  content: $fa-var-wheelchair-alt;
+}
+.#{$fa-css-prefix}-question-circle-o:before {
+  content: $fa-var-question-circle-o;
+}
+.#{$fa-css-prefix}-blind:before {
+  content: $fa-var-blind;
+}
+.#{$fa-css-prefix}-audio-description:before {
+  content: $fa-var-audio-description;
+}
+.#{$fa-css-prefix}-volume-control-phone:before {
+  content: $fa-var-volume-control-phone;
+}
+.#{$fa-css-prefix}-braille:before {
+  content: $fa-var-braille;
+}
+.#{$fa-css-prefix}-assistive-listening-systems:before {
+  content: $fa-var-assistive-listening-systems;
+}
 .#{$fa-css-prefix}-asl-interpreting:before,
-.#{$fa-css-prefix}-american-sign-language-interpreting:before { content: $fa-var-american-sign-language-interpreting; }
+.#{$fa-css-prefix}-american-sign-language-interpreting:before {
+  content: $fa-var-american-sign-language-interpreting;
+}
 .#{$fa-css-prefix}-deafness:before,
 .#{$fa-css-prefix}-hard-of-hearing:before,
-.#{$fa-css-prefix}-deaf:before { content: $fa-var-deaf; }
-.#{$fa-css-prefix}-glide:before { content: $fa-var-glide; }
-.#{$fa-css-prefix}-glide-g:before { content: $fa-var-glide-g; }
+.#{$fa-css-prefix}-deaf:before {
+  content: $fa-var-deaf;
+}
+.#{$fa-css-prefix}-glide:before {
+  content: $fa-var-glide;
+}
+.#{$fa-css-prefix}-glide-g:before {
+  content: $fa-var-glide-g;
+}
 .#{$fa-css-prefix}-signing:before,
-.#{$fa-css-prefix}-sign-language:before { content: $fa-var-sign-language; }
-.#{$fa-css-prefix}-low-vision:before { content: $fa-var-low-vision; }
-.#{$fa-css-prefix}-viadeo:before { content: $fa-var-viadeo; }
-.#{$fa-css-prefix}-viadeo-square:before { content: $fa-var-viadeo-square; }
-.#{$fa-css-prefix}-snapchat:before { content: $fa-var-snapchat; }
-.#{$fa-css-prefix}-snapchat-ghost:before { content: $fa-var-snapchat-ghost; }
-.#{$fa-css-prefix}-snapchat-square:before { content: $fa-var-snapchat-square; }
-.#{$fa-css-prefix}-pied-piper:before { content: $fa-var-pied-piper; }
-.#{$fa-css-prefix}-first-order:before { content: $fa-var-first-order; }
-.#{$fa-css-prefix}-yoast:before { content: $fa-var-yoast; }
-.#{$fa-css-prefix}-themeisle:before { content: $fa-var-themeisle; }
+.#{$fa-css-prefix}-sign-language:before {
+  content: $fa-var-sign-language;
+}
+.#{$fa-css-prefix}-low-vision:before {
+  content: $fa-var-low-vision;
+}
+.#{$fa-css-prefix}-viadeo:before {
+  content: $fa-var-viadeo;
+}
+.#{$fa-css-prefix}-viadeo-square:before {
+  content: $fa-var-viadeo-square;
+}
+.#{$fa-css-prefix}-snapchat:before {
+  content: $fa-var-snapchat;
+}
+.#{$fa-css-prefix}-snapchat-ghost:before {
+  content: $fa-var-snapchat-ghost;
+}
+.#{$fa-css-prefix}-snapchat-square:before {
+  content: $fa-var-snapchat-square;
+}
+.#{$fa-css-prefix}-pied-piper:before {
+  content: $fa-var-pied-piper;
+}
+.#{$fa-css-prefix}-first-order:before {
+  content: $fa-var-first-order;
+}
+.#{$fa-css-prefix}-yoast:before {
+  content: $fa-var-yoast;
+}
+.#{$fa-css-prefix}-themeisle:before {
+  content: $fa-var-themeisle;
+}
 .#{$fa-css-prefix}-google-plus-circle:before,
-.#{$fa-css-prefix}-google-plus-official:before { content: $fa-var-google-plus-official; }
+.#{$fa-css-prefix}-google-plus-official:before {
+  content: $fa-var-google-plus-official;
+}
 .#{$fa-css-prefix}-fa:before,
-.#{$fa-css-prefix}-font-awesome:before { content: $fa-var-font-awesome; }
-.#{$fa-css-prefix}-handshake-o:before { content: $fa-var-handshake-o; }
-.#{$fa-css-prefix}-envelope-open:before { content: $fa-var-envelope-open; }
-.#{$fa-css-prefix}-envelope-open-o:before { content: $fa-var-envelope-open-o; }
-.#{$fa-css-prefix}-linode:before { content: $fa-var-linode; }
-.#{$fa-css-prefix}-address-book:before { content: $fa-var-address-book; }
-.#{$fa-css-prefix}-address-book-o:before { content: $fa-var-address-book-o; }
+.#{$fa-css-prefix}-font-awesome:before {
+  content: $fa-var-font-awesome;
+}
+.#{$fa-css-prefix}-handshake-o:before {
+  content: $fa-var-handshake-o;
+}
+.#{$fa-css-prefix}-envelope-open:before {
+  content: $fa-var-envelope-open;
+}
+.#{$fa-css-prefix}-envelope-open-o:before {
+  content: $fa-var-envelope-open-o;
+}
+.#{$fa-css-prefix}-linode:before {
+  content: $fa-var-linode;
+}
+.#{$fa-css-prefix}-address-book:before {
+  content: $fa-var-address-book;
+}
+.#{$fa-css-prefix}-address-book-o:before {
+  content: $fa-var-address-book-o;
+}
 .#{$fa-css-prefix}-vcard:before,
-.#{$fa-css-prefix}-address-card:before { content: $fa-var-address-card; }
+.#{$fa-css-prefix}-address-card:before {
+  content: $fa-var-address-card;
+}
 .#{$fa-css-prefix}-vcard-o:before,
-.#{$fa-css-prefix}-address-card-o:before { content: $fa-var-address-card-o; }
-.#{$fa-css-prefix}-user-circle:before { content: $fa-var-user-circle; }
-.#{$fa-css-prefix}-user-circle-o:before { content: $fa-var-user-circle-o; }
-.#{$fa-css-prefix}-user-o:before { content: $fa-var-user-o; }
-.#{$fa-css-prefix}-id-badge:before { content: $fa-var-id-badge; }
+.#{$fa-css-prefix}-address-card-o:before {
+  content: $fa-var-address-card-o;
+}
+.#{$fa-css-prefix}-user-circle:before {
+  content: $fa-var-user-circle;
+}
+.#{$fa-css-prefix}-user-circle-o:before {
+  content: $fa-var-user-circle-o;
+}
+.#{$fa-css-prefix}-user-o:before {
+  content: $fa-var-user-o;
+}
+.#{$fa-css-prefix}-id-badge:before {
+  content: $fa-var-id-badge;
+}
 .#{$fa-css-prefix}-drivers-license:before,
-.#{$fa-css-prefix}-id-card:before { content: $fa-var-id-card; }
+.#{$fa-css-prefix}-id-card:before {
+  content: $fa-var-id-card;
+}
 .#{$fa-css-prefix}-drivers-license-o:before,
-.#{$fa-css-prefix}-id-card-o:before { content: $fa-var-id-card-o; }
-.#{$fa-css-prefix}-quora:before { content: $fa-var-quora; }
-.#{$fa-css-prefix}-free-code-camp:before { content: $fa-var-free-code-camp; }
-.#{$fa-css-prefix}-telegram:before { content: $fa-var-telegram; }
+.#{$fa-css-prefix}-id-card-o:before {
+  content: $fa-var-id-card-o;
+}
+.#{$fa-css-prefix}-quora:before {
+  content: $fa-var-quora;
+}
+.#{$fa-css-prefix}-free-code-camp:before {
+  content: $fa-var-free-code-camp;
+}
+.#{$fa-css-prefix}-telegram:before {
+  content: $fa-var-telegram;
+}
 .#{$fa-css-prefix}-thermometer-4:before,
 .#{$fa-css-prefix}-thermometer:before,
-.#{$fa-css-prefix}-thermometer-full:before { content: $fa-var-thermometer-full; }
+.#{$fa-css-prefix}-thermometer-full:before {
+  content: $fa-var-thermometer-full;
+}
 .#{$fa-css-prefix}-thermometer-3:before,
-.#{$fa-css-prefix}-thermometer-three-quarters:before { content: $fa-var-thermometer-three-quarters; }
+.#{$fa-css-prefix}-thermometer-three-quarters:before {
+  content: $fa-var-thermometer-three-quarters;
+}
 .#{$fa-css-prefix}-thermometer-2:before,
-.#{$fa-css-prefix}-thermometer-half:before { content: $fa-var-thermometer-half; }
+.#{$fa-css-prefix}-thermometer-half:before {
+  content: $fa-var-thermometer-half;
+}
 .#{$fa-css-prefix}-thermometer-1:before,
-.#{$fa-css-prefix}-thermometer-quarter:before { content: $fa-var-thermometer-quarter; }
+.#{$fa-css-prefix}-thermometer-quarter:before {
+  content: $fa-var-thermometer-quarter;
+}
 .#{$fa-css-prefix}-thermometer-0:before,
-.#{$fa-css-prefix}-thermometer-empty:before { content: $fa-var-thermometer-empty; }
-.#{$fa-css-prefix}-shower:before { content: $fa-var-shower; }
+.#{$fa-css-prefix}-thermometer-empty:before {
+  content: $fa-var-thermometer-empty;
+}
+.#{$fa-css-prefix}-shower:before {
+  content: $fa-var-shower;
+}
 .#{$fa-css-prefix}-bathtub:before,
 .#{$fa-css-prefix}-s15:before,
-.#{$fa-css-prefix}-bath:before { content: $fa-var-bath; }
-.#{$fa-css-prefix}-podcast:before { content: $fa-var-podcast; }
-.#{$fa-css-prefix}-window-maximize:before { content: $fa-var-window-maximize; }
-.#{$fa-css-prefix}-window-minimize:before { content: $fa-var-window-minimize; }
-.#{$fa-css-prefix}-window-restore:before { content: $fa-var-window-restore; }
+.#{$fa-css-prefix}-bath:before {
+  content: $fa-var-bath;
+}
+.#{$fa-css-prefix}-podcast:before {
+  content: $fa-var-podcast;
+}
+.#{$fa-css-prefix}-window-maximize:before {
+  content: $fa-var-window-maximize;
+}
+.#{$fa-css-prefix}-window-minimize:before {
+  content: $fa-var-window-minimize;
+}
+.#{$fa-css-prefix}-window-restore:before {
+  content: $fa-var-window-restore;
+}
 .#{$fa-css-prefix}-times-rectangle:before,
-.#{$fa-css-prefix}-window-close:before { content: $fa-var-window-close; }
+.#{$fa-css-prefix}-window-close:before {
+  content: $fa-var-window-close;
+}
 .#{$fa-css-prefix}-times-rectangle-o:before,
-.#{$fa-css-prefix}-window-close-o:before { content: $fa-var-window-close-o; }
-.#{$fa-css-prefix}-bandcamp:before { content: $fa-var-bandcamp; }
-.#{$fa-css-prefix}-grav:before { content: $fa-var-grav; }
-.#{$fa-css-prefix}-etsy:before { content: $fa-var-etsy; }
-.#{$fa-css-prefix}-imdb:before { content: $fa-var-imdb; }
-.#{$fa-css-prefix}-ravelry:before { content: $fa-var-ravelry; }
-.#{$fa-css-prefix}-eercast:before { content: $fa-var-eercast; }
-.#{$fa-css-prefix}-microchip:before { content: $fa-var-microchip; }
-.#{$fa-css-prefix}-snowflake-o:before { content: $fa-var-snowflake-o; }
-.#{$fa-css-prefix}-superpowers:before { content: $fa-var-superpowers; }
-.#{$fa-css-prefix}-wpexplorer:before { content: $fa-var-wpexplorer; }
-.#{$fa-css-prefix}-meetup:before { content: $fa-var-meetup; }
+.#{$fa-css-prefix}-window-close-o:before {
+  content: $fa-var-window-close-o;
+}
+.#{$fa-css-prefix}-bandcamp:before {
+  content: $fa-var-bandcamp;
+}
+.#{$fa-css-prefix}-grav:before {
+  content: $fa-var-grav;
+}
+.#{$fa-css-prefix}-etsy:before {
+  content: $fa-var-etsy;
+}
+.#{$fa-css-prefix}-imdb:before {
+  content: $fa-var-imdb;
+}
+.#{$fa-css-prefix}-ravelry:before {
+  content: $fa-var-ravelry;
+}
+.#{$fa-css-prefix}-eercast:before {
+  content: $fa-var-eercast;
+}
+.#{$fa-css-prefix}-microchip:before {
+  content: $fa-var-microchip;
+}
+.#{$fa-css-prefix}-snowflake-o:before {
+  content: $fa-var-snowflake-o;
+}
+.#{$fa-css-prefix}-superpowers:before {
+  content: $fa-var-superpowers;
+}
+.#{$fa-css-prefix}-wpexplorer:before {
+  content: $fa-var-wpexplorer;
+}
+.#{$fa-css-prefix}-meetup:before {
+  content: $fa-var-meetup;
+}

public/sass/base/font-awesome/_larger.scss

@@ -7,7 +7,15 @@
   line-height: (3em / 4);
   vertical-align: -15%;
 }
-.#{$fa-css-prefix}-2x { font-size: 2em; }
-.#{$fa-css-prefix}-3x { font-size: 3em; }
-.#{$fa-css-prefix}-4x { font-size: 4em; }
-.#{$fa-css-prefix}-5x { font-size: 5em; }
+.#{$fa-css-prefix}-2x {
+  font-size: 2em;
+}
+.#{$fa-css-prefix}-3x {
+  font-size: 3em;
+}
+.#{$fa-css-prefix}-4x {
+  font-size: 4em;
+}
+.#{$fa-css-prefix}-5x {
+  font-size: 5em;
+}

public/sass/base/font-awesome/_list.scss

@@ -5,7 +5,9 @@
   padding-left: 0;
   margin-left: $fa-li-width;
   list-style-type: none;
-  > li { position: relative; }
+  > li {
+    position: relative;
+  }
 }
 .#{$fa-css-prefix}-li {
   position: absolute;

public/sass/base/font-awesome/_mixins.scss

@@ -3,29 +3,28 @@
 
 @mixin fa-icon() {
   display: inline-block;
-  font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
+  font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base}
+    FontAwesome; // shortening font declaration
   font-size: inherit; // can't have font-size inherit on line above, so need to override
   text-rendering: auto; // optimizelegibility throws things off #1094
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-
 }
 
 @mixin fa-icon-rotate($degrees, $rotation) {
   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
   -webkit-transform: rotate($degrees);
-      -ms-transform: rotate($degrees);
-          transform: rotate($degrees);
+  -ms-transform: rotate($degrees);
+  transform: rotate($degrees);
 }
 
 @mixin fa-icon-flip($horiz, $vert, $rotation) {
   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
   -webkit-transform: scale($horiz, $vert);
-      -ms-transform: scale($horiz, $vert);
-          transform: scale($horiz, $vert);
+  -ms-transform: scale($horiz, $vert);
+  transform: scale($horiz, $vert);
 }
 
-
 // Only display content to screen readers. A la Bootstrap 4.
 //
 // See: http://a11yproject.com/posts/how-to-hide-content/
@@ -37,7 +36,7 @@
   padding: 0;
   margin: -1px;
   overflow: hidden;
-  clip: rect(0,0,0,0);
+  clip: rect(0, 0, 0, 0);
   border: 0;
 }
 

public/sass/base/font-awesome/_path.scss

@@ -2,14 +2,19 @@
  * -------------------------- */
 
 @font-face {
-  font-family: 'FontAwesome';
-  src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
-  src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
-    url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
-    url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
-    url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
-    url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
-//  src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
+  font-family: "FontAwesome";
+  src: url("#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}");
+  src: url("#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}")
+      format("embedded-opentype"),
+    url("#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}")
+      format("woff2"),
+    url("#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}")
+      format("woff"),
+    url("#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}")
+      format("truetype"),
+    url("#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular")
+      format("svg");
+  //  src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
   font-weight: normal;
   font-style: normal;
 }

public/sass/base/font-awesome/_rotated-flipped.scss

@@ -1,12 +1,22 @@
 // Rotated & Flipped Icons
 // -------------------------
 
-.#{$fa-css-prefix}-rotate-90  { @include fa-icon-rotate(90deg, 1);  }
-.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
-.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
+.#{$fa-css-prefix}-rotate-90 {
+  @include fa-icon-rotate(90deg, 1);
+}
+.#{$fa-css-prefix}-rotate-180 {
+  @include fa-icon-rotate(180deg, 2);
+}
+.#{$fa-css-prefix}-rotate-270 {
+  @include fa-icon-rotate(270deg, 3);
+}
 
-.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
-.#{$fa-css-prefix}-flip-vertical   { @include fa-icon-flip(1, -1, 2); }
+.#{$fa-css-prefix}-flip-horizontal {
+  @include fa-icon-flip(-1, 1, 0);
+}
+.#{$fa-css-prefix}-flip-vertical {
+  @include fa-icon-flip(1, -1, 2);
+}
 
 // Hook for IE8-9
 // -------------------------

public/sass/base/font-awesome/_screen-reader.scss

@@ -1,5 +1,9 @@
 // Screen Readers
 // -------------------------
 
-.sr-only { @include sr-only(); }
-.sr-only-focusable { @include sr-only-focusable(); }
+.sr-only {
+  @include sr-only();
+}
+.sr-only-focusable {
+  @include sr-only-focusable();
+}

public/sass/base/font-awesome/_stacked.scss

@@ -9,12 +9,19 @@
   line-height: 2em;
   vertical-align: middle;
 }
-.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
+.#{$fa-css-prefix}-stack-1x,
+.#{$fa-css-prefix}-stack-2x {
   position: absolute;
   left: 0;
   width: 100%;
   text-align: center;
 }
-.#{$fa-css-prefix}-stack-1x { line-height: inherit; }
-.#{$fa-css-prefix}-stack-2x { font-size: 2em; }
-.#{$fa-css-prefix}-inverse { color: $fa-inverse; }
+.#{$fa-css-prefix}-stack-1x {
+  line-height: inherit;
+}
+.#{$fa-css-prefix}-stack-2x {
+  font-size: 2em;
+}
+.#{$fa-css-prefix}-inverse {
+  color: $fa-inverse;
+}

public/sass/base/font-awesome/_variables.scss

@@ -1,15 +1,15 @@
 // Variables
 // --------------------------
 
-$fa-font-path:        "../fonts" !default;
-$fa-font-size-base:   14px !default;
+$fa-font-path: "../fonts" !default;
+$fa-font-size-base: 14px !default;
 $fa-line-height-base: 1 !default;
 //$fa-font-path:        "//netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts" !default; // for referencing Bootstrap CDN font files directly
-$fa-css-prefix:       fa !default;
-$fa-version:          "4.7.0" !default;
-$fa-border-color:     #eee !default;
-$fa-inverse:          #fff !default;
-$fa-li-width:         (30em / 14) !default;
+$fa-css-prefix: fa !default;
+$fa-version: "4.7.0" !default;
+$fa-border-color: #eee !default;
+$fa-inverse: #fff !default;
+$fa-li-width: (30em / 14) !default;
 
 $fa-var-500px: "\f26e";
 $fa-var-address-book: "\f2b9";
@@ -797,4 +797,3 @@ $fa-var-yoast: "\f2b1";
 $fa-var-youtube: "\f167";
 $fa-var-youtube-play: "\f16a";
 $fa-var-youtube-square: "\f166";
-

public/sass/components/_alerts.scss

@@ -2,18 +2,17 @@
 // Alerts
 // --------------------------------------------------
 
-
 // Base styles
 // -------------------------
 
 .alert {
   padding: 1.25rem 2rem 1.25rem 1.5rem;
   margin-bottom: $line-height-base;
-  text-shadow: 0 2px 0 rgba(255,255,255,.5);
+  text-shadow: 0 2px 0 rgba(255, 255, 255, 0.5);
   background: $alert-error-bg;
   position: relative;
   color: $white;
-  text-shadow: 0 1px 0 rgba(0,0,0,.2);
+  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
   border-radius: 2px;
   display: flex;
   flex-direction: row;
@@ -57,7 +56,7 @@
   .fa {
     align-self: flex-end;
     font-size: 1.5rem;
-    color: rgba(255,255,255,.75)
+    color: rgba(255, 255, 255, 0.75);
   }
 }
 

public/sass/components/_buttons.scss

@@ -44,7 +44,7 @@
   &[disabled],
   &:disabled {
     cursor: $cursor-disabled;
-    opacity: .65;
+    opacity: 0.65;
     @include box-shadow(none);
   }
 }
@@ -136,10 +136,13 @@
   @include box-shadow(none);
   cursor: default;
 
-  &:hover, &:active, &:active:hover, &:focus {
+  &:hover,
+  &:active,
+  &:active:hover,
+  &:focus {
     color: $gray-1;
     background-color: transparent;
-        border-color: $gray-1;
+    border-color: $gray-1;
   }
 }
 
@@ -178,8 +181,8 @@ $btn-service-icon-width: 35px;
   left: 0;
   height: 100%;
   top: 0;
-  padding-left: .5rem;
-  padding-right: .5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
   width: $btn-service-icon-width;
   text-align: center;
 
@@ -196,4 +199,4 @@ $btn-service-icon-width: 35px;
     background-position: 50%;
     background-size: 60%;
   }
-}
+}

public/sass/components/_cards.scss

@@ -125,7 +125,6 @@
 }
 
 .card-list-layout-grid {
-
   .card-item-type {
     display: inline-block;
   }
@@ -156,7 +155,9 @@
     img {
       width: 6rem;
     }
-    .fa, .icon-gf, .gicon {
+    .fa,
+    .icon-gf,
+    .gicon {
       font-size: 3.5rem;
     }
   }
@@ -187,7 +188,6 @@
 }
 
 .card-list-layout-list {
-
   .card-item-wrapper {
     padding: 0;
     width: 100%;

public/sass/components/_code_editor.scss

@@ -1,5 +1,5 @@
 .gf-code-editor {
-  min-height: 2.60rem;
+  min-height: 2.6rem;
   min-width: 20rem;
   flex-grow: 1;
   margin-right: 0.25rem;
@@ -7,7 +7,7 @@
   &.ace_editor {
     @include font-family-monospace();
     font-size: 1rem;
-    min-height: 2.60rem;
+    min-height: 2.6rem;
 
     @include border-radius($input-border-radius-sm);
     border: $input-btn-border-width solid $input-border-color;
@@ -26,7 +26,9 @@
   width: 550px !important;
 
   .ace_scroller {
-    .ace_selected, .ace_active-line, .ace_line-hover {
+    .ace_selected,
+    .ace_active-line,
+    .ace_line-hover {
       color: $dropdownLinkColorHover;
       background-color: $dropdownLinkBackgroundHover !important;
     }

public/sass/components/_color_picker.scss

@@ -1,4 +1,3 @@
-
 .sp-replacer {
   background: inherit;
   border: none;
@@ -6,7 +5,8 @@
   padding: 0;
 }
 
-.sp-replacer:hover, .sp-replacer.sp-active {
+.sp-replacer:hover,
+.sp-replacer.sp-active {
   border-color: inherit;
   color: inherit;
 }
@@ -18,7 +18,8 @@
   padding: 0;
 }
 
-.sp-palette-container, .sp-picker-container {
+.sp-palette-container,
+.sp-picker-container {
   border: none;
 }
 

public/sass/components/_dashboard_grid.scss

@@ -2,7 +2,6 @@
 @import "~react-resizable/css/styles.css";
 
 .panel-in-fullscreen {
-
   .react-grid-layout {
     height: 100% !important;
   }
@@ -40,10 +39,9 @@
   }
 }
 
-
 .theme-dark {
   .react-grid-item > .react-resizable-handle {
-    background-image: url('../img/resize-handle-white.svg');
+    background-image: url("../img/resize-handle-white.svg");
   }
 }
 

public/sass/components/_dashboard_list.scss

@@ -1,32 +1,32 @@
 .dashboard-list {
-    .search-results-container {
-        padding: 5px 0 0 0;
-    }
+  .search-results-container {
+    padding: 5px 0 0 0;
+  }
 }
 
 .search-results {
-    margin-top: 2rem;
+  margin-top: 2rem;
 }
 
 .search-results-filter-row {
-    height: 35px;
-    display: flex;
-    justify-content: space-between;
+  height: 35px;
+  display: flex;
+  justify-content: space-between;
 
-    .gf-form-button-row {
-        padding-top: 0;
+  .gf-form-button-row {
+    padding-top: 0;
 
-        button:last-child {
-            margin-right: 0;
-        }
+    button:last-child {
+      margin-right: 0;
     }
+  }
 }
 
 .search-results-filter-row__filters {
-    display: flex;
+  display: flex;
 }
 
 .search-results-filter-row__filters-item {
-    width: 150px;
-    margin-right: 0;
-}
+  width: 150px;
+  margin-right: 0;
+}

public/sass/components/_drop.scss

@@ -3,7 +3,7 @@ $color: inherit;
 $color: $text-color;
 $useDropShadow: false;
 $attachmentOffset: 0%;
-$easing: cubic-bezier(0, 0, 0.265, 1.00);
+$easing: cubic-bezier(0, 0, 0.265, 1);
 
 @include drop-theme("error", $popover-error-bg, $popover-color);
 @include drop-theme("popover", $popover-bg, $popover-color, $popover-border-color);
@@ -22,9 +22,10 @@ $easing: cubic-bezier(0, 0, 0.265, 1.00);
   &.drop-open {
     display: block;
   }
- }
+}
 
-.drop-element, .drop-element * {
+.drop-element,
+.drop-element * {
   box-sizing: border-box;
 }
 

public/sass/components/_dropdown.scss

@@ -2,7 +2,6 @@
 // Dropdown menus
 // --------------------------------------------------
 
-
 // Use the .menu class on any <li> element within the topbar or ul.tabs and you'll get some superfancy dropdowns
 .dropup,
 .dropdown {
@@ -31,9 +30,9 @@
   width: 0;
   height: 0;
   vertical-align: top;
-  border-top:   4px solid $text-color-weak;
+  border-top: 4px solid $text-color-weak;
   border-right: 4px solid transparent;
-  border-left:  4px solid transparent;
+  border-left: 4px solid transparent;
   content: "";
 }
 
@@ -138,7 +137,6 @@
   flex-grow: 1;
 }
 
-
 // Hover/Focus state
 // -----------
 .dropdown-menu > li > a:hover,

public/sass/components/_filter-controls.scss

@@ -2,8 +2,6 @@
 // FILTER CONTROLS
 // ==========================================================================
 
-
-
 // Filters
 // --------------------------------------------------------------------------
 
@@ -16,8 +14,6 @@
   margin-top: 20px;
 }
 
-
-
 // Actions
 // --------------------------------------------------------------------------
 

public/sass/components/_filter-list.scss

@@ -2,8 +2,6 @@
 // FILTER LIST
 // ==========================================================================
 
-
-
 // List
 // --------------------------------------------------------------------------
 
@@ -23,8 +21,6 @@
   }
 }
 
-
-
 // Card
 // --------------------------------------------------------------------------
 
@@ -57,7 +53,6 @@
   padding: 5px 50px 5px 5px;
 }
 
-
 .filter-list-card-status {
   color: #777;
   font-size: 12px;
@@ -72,17 +67,17 @@
   text-transform: uppercase;
 
   &.online {
-    background-image: url('/img/online.svg');
+    background-image: url("/img/online.svg");
     color: $online;
   }
 
   &.warn {
-    background-image: url('/img/warn-tiny.svg');
+    background-image: url("/img/warn-tiny.svg");
     color: $warn;
   }
 
   &.critical {
-    background-image: url('/img/critical.svg');
+    background-image: url("/img/critical.svg");
     color: $critical;
   }
 }

public/sass/components/_filter-table.scss

@@ -2,8 +2,6 @@
 // FILTER TABLE
 // ==========================================================================
 
-
-
 // Table
 // --------------------------------------------------------------------------
 

public/sass/components/_footer.scss

@@ -1,5 +1,5 @@
 .page-dashboard .footer {
-	display: none;
+  display: none;
 }
 
 .footer {
@@ -7,7 +7,7 @@
   padding: 5rem 0 1rem 0;
   font-size: $font-size-sm;
   position: relative;
-  width: 98%;  /* was causing horiz scrollbars - need to examine */
+  width: 98%; /* was causing horiz scrollbars - need to examine */
 
   a {
     color: $footer-link-color;
@@ -25,7 +25,7 @@
     display: inline-block;
     padding-right: 2px;
     &::after {
-      content: ' | ';
+      content: " | ";
       padding-left: 2px;
     }
   }
@@ -33,7 +33,7 @@
   li:last-child {
     &::after {
       padding-left: 0;
-      content: '';
+      content: "";
     }
   }
 }

public/sass/components/_gf-form.scss

@@ -1,7 +1,6 @@
 $gf-form-margin: 3px;
 $input-border: 1px solid $input-border-color;
 
-
 .gf-form {
   margin-bottom: $gf-form-margin;
   display: flex;
@@ -48,7 +47,7 @@ $input-border: 1px solid $input-border-color;
     padding-left: 35px;
 
     &:focus + .gf-form-input-icon {
-      color: $text-muted
+      color: $text-muted;
     }
   }
 }
@@ -83,7 +82,8 @@ $input-border: 1px solid $input-border-color;
 
 .gf-form-button-row {
   padding-top: $spacer * 1.5;
-  a, button {
+  a,
+  button {
     margin-right: $spacer;
   }
 }
@@ -103,7 +103,7 @@ $input-border: 1px solid $input-border-color;
 
   &--grow {
     flex-grow: 1;
-    min-height: 2.60rem;
+    min-height: 2.6rem;
   }
 
   &--error {
@@ -198,7 +198,9 @@ $input-border: 1px solid $input-border-color;
     cursor: $cursor-disabled;
   }
 
-  &.gf-size-auto { width: auto; }
+  &.gf-size-auto {
+    width: auto;
+  }
 
   &--dropdown {
     padding-right: $input-padding-x*2;
@@ -211,7 +213,7 @@ $input-border: 1px solid $input-border-color;
       background-color: transparent;
       color: $text-color;
       font: normal normal normal $font-size-sm/1 FontAwesome;
-      content: '\f0d7';
+      content: "\f0d7";
       pointer-events: none;
     }
   }
@@ -243,8 +245,8 @@ $input-border: 1px solid $input-border-color;
   background-color: $input-bg;
 
   select.gf-form-input {
-    text-indent: .01px;
-    text-overflow: '';
+    text-indent: 0.01px;
+    text-overflow: "";
     padding-right: $input-padding-x*4;
     -webkit-appearance: none;
     -moz-appearance: menulist-text; // was set to "window" and caused odd display on windos and linux.
@@ -268,7 +270,7 @@ $input-border: 1px solid $input-border-color;
     background-color: transparent;
     color: $text-color;
     font: normal normal normal $font-size-sm/1 FontAwesome;
-    content: '\f0d7';
+    content: "\f0d7";
     pointer-events: none;
     font-size: 11px;
   }
@@ -318,7 +320,7 @@ $input-border: 1px solid $input-border-color;
     background-color: transparent;
     color: $input-color;
     font: normal normal normal $font-size-sm/1 FontAwesome;
-    content: '\f0d7';
+    content: "\f0d7";
     pointer-events: none;
   }
 
@@ -348,7 +350,7 @@ $input-border: 1px solid $input-border-color;
   }
 
   &--header {
-    margin-bottom: $gf-form-margin
+    margin-bottom: $gf-form-margin;
   }
 }
 

public/sass/components/_infobox.scss

@@ -8,9 +8,9 @@
   margin-right: $gf-form-margin;
   flex-grow: 1;
   color: $info-box-color;
-    h5 {
-      color: $info-box-color;
-    }
+  h5 {
+    color: $info-box-color;
+  }
 
   h5 {
     margin-bottom: $spacer;

public/sass/components/_json_explorer.scss

@@ -1,8 +1,9 @@
-
 .json-formatter-row {
   font-family: monospace;
 
-  &, a, a:hover {
+  &,
+  a,
+  a:hover {
     color: $json-explorer-default-color;
     text-decoration: none;
   }
@@ -16,9 +17,15 @@
       opacity: 0.5;
       margin-left: 1rem;
 
-      &::after { display: none; }
-      &.json-formatter-object::after { content: "No properties"; }
-      &.json-formatter-array::after { content: "[]"; }
+      &::after {
+        display: none;
+      }
+      &.json-formatter-object::after {
+        content: "No properties";
+      }
+      &.json-formatter-array::after {
+        content: "[]";
+      }
     }
   }
 
@@ -27,19 +34,33 @@
     white-space: normal;
     word-wrap: break-word;
   }
-  .json-formatter-number { color: $json-explorer-number-color; }
-  .json-formatter-boolean { color: $json-explorer-boolean-color; }
-  .json-formatter-null { color: $json-explorer-null-color; }
-  .json-formatter-undefined { color: $json-explorer-undefined-color; }
-  .json-formatter-function { color: $json-explorer-function-color; }
-  .json-formatter-date { background-color: fade($json-explorer-default-color, 5%); }
+  .json-formatter-number {
+    color: $json-explorer-number-color;
+  }
+  .json-formatter-boolean {
+    color: $json-explorer-boolean-color;
+  }
+  .json-formatter-null {
+    color: $json-explorer-null-color;
+  }
+  .json-formatter-undefined {
+    color: $json-explorer-undefined-color;
+  }
+  .json-formatter-function {
+    color: $json-explorer-function-color;
+  }
+  .json-formatter-date {
+    background-color: fade($json-explorer-default-color, 5%);
+  }
   .json-formatter-url {
     text-decoration: underline;
     color: $json-explorer-url-color;
     cursor: pointer;
   }
 
-  .json-formatter-bracket { color: $json-explorer-bracket-color; }
+  .json-formatter-bracket {
+    color: $json-explorer-bracket-color;
+  }
   .json-formatter-key {
     color: $json-explorer-key-color;
     cursor: pointer;
@@ -51,7 +72,9 @@
     cursor: pointer;
   }
 
-  .json-formatter-array-comma { margin-right: 4px; }
+  .json-formatter-array-comma {
+    margin-right: 4px;
+  }
 
   .json-formatter-toggler {
     line-height: 1.2rem;
@@ -71,7 +94,7 @@
   // Inline preview on hover (optional)
   > a > .json-formatter-preview-text {
     opacity: 0;
-    transition: opacity .15s ease-in;
+    transition: opacity 0.15s ease-in;
     font-style: italic;
   }
 
@@ -81,7 +104,7 @@
 
   // Open state
   &.json-formatter-open {
-    > .json-formatter-toggler-link .json-formatter-toggler::after{
+    > .json-formatter-toggler-link .json-formatter-toggler::after {
       transform: rotate(90deg);
     }
     > .json-formatter-children::after {
@@ -95,4 +118,3 @@
     }
   }
 }
-

public/sass/components/_jsontree.scss

@@ -8,7 +8,8 @@ json-tree {
     &::before {
       pointer-events: none;
     }
-    &::before, & > .json-tree-key {
+    &::before,
+    & > .json-tree-key {
       cursor: pointer;
     }
   }
@@ -23,7 +24,8 @@ json-tree {
   ul {
     padding-left: $spacer;
   }
-  li, ul {
+  li,
+  ul {
     list-style: none;
   }
   li {
@@ -33,22 +35,23 @@ json-tree {
     color: $variable;
     padding: 5px 10px 5px 15px;
     &::after {
-      content: ':';
+      content: ":";
     }
   }
   json-node.expandable {
     &::before {
-      content: '\25b6';
+      content: "\25b6";
       position: absolute;
       left: 0px;
       font-size: 8px;
-      transition: transform .1s ease;
+      transition: transform 0.1s ease;
     }
     &.expanded::before {
       transform: rotate(90deg);
     }
   }
-  .json-tree-leaf-value, .json-tree-branch-preview {
+  .json-tree-leaf-value,
+  .json-tree-branch-preview {
     word-break: break-all;
   }
   .json-tree-branch-preview {
@@ -56,6 +59,6 @@ json-tree {
     font-style: italic;
     max-width: 40%;
     height: 1.5em;
-    opacity: .7;
+    opacity: 0.7;
   }
 }

public/sass/components/_modals.scss

@@ -23,7 +23,7 @@
   position: fixed;
   z-index: $zindex-modal;
   width: 100%;
-	background: $page-bg;
+  background: $page-bg;
   @include box-shadow(0 3px 7px rgba(0,0,0,0.3));
   @include background-clip(padding-box);
   outline: none;
@@ -77,7 +77,7 @@
 // Footer (for actions)
 .modal-footer {
   padding: 14px 15px 15px;
-	border-top: 1px solid $panel-bg;
+  border-top: 1px solid $panel-bg;
   background-color: $panel-bg;
   text-align: right; // right align buttons
   @include clearfix(); // clear it in case folks use .pull-* classes on buttons
@@ -139,7 +139,8 @@
   .share-modal-big-icon {
     margin-bottom: 10px;
     margin-right: 2rem;
-    .fa, .icon-gf {
+    .fa,
+    .icon-gf {
       font-size: 50px;
     }
   }
@@ -173,5 +174,3 @@
     text-overflow: ellipsis;
   }
 }
-
-

public/sass/components/_navbar.scss

@@ -1,4 +1,3 @@
-
 .navbar {
   position: relative;
   padding-left: 40px;
@@ -19,7 +18,6 @@
   border-bottom: $navbarBorder;
 }
 
-
 .dashboard-page--settings-open {
   .navbar {
     @include navbar-alt-look();
@@ -40,7 +38,7 @@
 }
 
 .panel-in-fullscreen {
- .navbar {
+  .navbar {
     @include navbar-alt-look();
   }
 
@@ -168,4 +166,3 @@
     }
   }
 }
-

public/sass/components/_navs.scss

@@ -2,7 +2,6 @@
 // Navs
 // --------------------------------------------------
 
-
 // BASE CLASS
 // ----------
 
@@ -55,7 +54,7 @@
 
 // Actual tabs (as links)
 .nav-tabs > li > a {
-  padding: 0.40rem 1rem 0.35rem 1rem;
+  padding: 0.4rem 1rem 0.35rem 1rem;
   margin-right: $spacer/2;
   line-height: $line-height-base;
   border: 1px solid transparent;

public/sass/components/_old_stuff.scss

@@ -1,4 +1,3 @@
-
 .editor-row {
   vertical-align: top;
 }

public/sass/components/_page_header.scss

@@ -1,4 +1,3 @@
-
 .page-header-canvas {
   background: $page-header-bg;
   box-shadow: $page-header-shadow;
@@ -140,7 +139,7 @@
   }
 
   &::after {
-    content: '';
+    content: "";
     position: absolute;
     top: 0;
     right: -14px; // half of square's length
@@ -157,7 +156,8 @@
     background: linear-gradient(135deg, $btn-inverse-bg, $btn-inverse-bg-hl);
 
     // stylish arrow design using box shadow
-    box-shadow: 2px -2px 0 2px rgb(35, 31, 31), 3px -3px 0 2px rgba(255, 255, 255, 0.1);
+    box-shadow: 2px -2px 0 2px rgb(35, 31, 31),
+      3px -3px 0 2px rgba(255, 255, 255, 0.1);
 
     // 5px - for rounded arrows and
     // 50px - to prevent hover glitches on the border created using shadows*/
@@ -169,4 +169,3 @@
     content: none;
   }
 }
-

public/sass/components/_panel_add_panel.scss

@@ -1,4 +1,3 @@
-
 .add-panel {
   height: 100%;
 }
@@ -66,4 +65,3 @@
 .add-panel__item-img {
   height: calc(100% - 15px);
 }
-

public/sass/components/_panel_alertlist.scss

@@ -9,4 +9,3 @@
   width: 100%;
   height: calc(100% - 30px);
 }
-

public/sass/components/_panel_gettingstarted.scss

@@ -1,19 +1,17 @@
-
 // Colours
-$progress-color-dark:       $panel-bg !default;
-$progress-color:            $panel-bg !default;
-$progress-color-light:      $panel-bg !default;
+$progress-color-dark: $panel-bg !default;
+$progress-color: $panel-bg !default;
+$progress-color-light: $panel-bg !default;
 $progress-color-grey-light: $body-bg !default;
-$progress-color-shadow:     $panel-border !default;
-$progress-color-grey:       $iconContainerBackground !default;
-$progress-color-grey-dark:  $iconContainerBackground !default;
+$progress-color-shadow: $panel-border !default;
+$progress-color-grey: $iconContainerBackground !default;
+$progress-color-grey-dark: $iconContainerBackground !default;
 
 // Sizing
-$marker-size:               60px !default;
-$marker-size-half:          ($marker-size / 2);
-$path-height:               2px !default;
-$path-position:             $marker-size-half - ($path-height / 2);
-
+$marker-size: 60px !default;
+$marker-size-half: ($marker-size / 2);
+$path-height: 2px !default;
+$path-position: $marker-size-half - ($path-height / 2);
 
 .dashlist-cta-close-btn {
   color: $text-color-weak;
@@ -52,9 +50,9 @@ $path-position:             $marker-size-half - ($path-height / 2);
   // For a flexbox bug in firefox that wont allow the text overflow on the text
   min-width: $marker-size;
 
-   &::after {
+  &::after {
     right: -50%;
-    content: '';
+    content: "";
     display: block;
     position: absolute;
     z-index: 1;
@@ -96,7 +94,7 @@ $path-position:             $marker-size-half - ($path-height / 2);
         -webkit-text-fill-color: transparent;
         background: $brand-gradient;
         -webkit-background-clip: text;
-        text-decoration:none;
+        text-decoration: none;
       }
     }
   }
@@ -154,17 +152,18 @@ $path-position:             $marker-size-half - ($path-height / 2);
 
 .progress-marker {
   color: $text-color-weak;
-  text-decoration:none;
+  text-decoration: none;
   font-size: 35px;
   vertical-align: sub;
 }
 
 a.progress-link {
   &:hover {
-    .progress-marker, .progress-text {
+    .progress-marker,
+    .progress-text {
       color: $link-hover-color;
     }
-  &:hover .progress-marker.completed {
+    &:hover .progress-marker.completed {
       color: $online;
     }
   }

public/sass/components/_panel_graph.scss

@@ -70,19 +70,19 @@
   font-size: 85%;
   text-align: left;
   &.current::before {
-    content: "Current: "
+    content: "Current: ";
   }
   &.max::before {
-    content: "Max: "
+    content: "Max: ";
   }
   &.min::before {
-    content: "Min: "
+    content: "Min: ";
   }
   &.total::before {
-    content: "Total: "
+    content: "Total: ";
   }
   &.avg::before {
-    content: "Avg: "
+    content: "Avg: ";
   }
 }
 
@@ -124,15 +124,17 @@
       float: none;
 
       .graph-legend-alias::after {
-        content: '(right-y)';
+        content: "(right-y)";
         padding: 0 5px;
         color: $text-color-weak;
       }
     }
   }
 
-
-  td, .graph-legend-alias, .graph-legend-icon, .graph-legend-value {
+  td,
+  .graph-legend-alias,
+  .graph-legend-icon,
+  .graph-legend-value {
     float: none;
     display: table-cell;
     white-space: nowrap;
@@ -149,7 +151,7 @@
     }
   }
 
- .graph-legend-value  {
+  .graph-legend-value {
     padding-left: 15px;
   }
 
@@ -167,9 +169,13 @@
   }
 
   .graph-legend-value {
-    &.current, &.max, &.min, &.total, &.avg {
+    &.current,
+    &.max,
+    &.min,
+    &.total,
+    &.avg {
       &::before {
-        content: '';
+        content: "";
       }
     }
   }
@@ -184,7 +190,6 @@
   }
 }
 
-
 .graph-legend-series-hidden {
   .graph-legend-value,
   .graph-legend-alias {
@@ -252,7 +257,7 @@
     max-width: 650px;
     text-overflow: ellipsis;
     overflow: hidden;
-   }
+  }
 
   .graph-tooltip-value {
     display: table-cell;
@@ -263,7 +268,6 @@
 }
 
 .graph-annotation {
-
   .label-tag {
     margin-right: 4px;
     margin-top: 8px;
@@ -396,7 +400,7 @@
     }
   }
 
-  &--T0{
+  &--T0 {
     right: -104px;
     width: 129px;
 
@@ -419,10 +423,10 @@
     position: relative;
 
     &--critical {
-      background-color: rgba(237, 46, 24, 0.60);
+      background-color: rgba(237, 46, 24, 0.6);
     }
     &--warning {
-      background-color: rgba(247, 149, 32, 0.60);
+      background-color: rgba(247, 149, 32, 0.6);
     }
   }
 }

public/sass/components/_panel_heatmap.scss

@@ -42,7 +42,7 @@
 
 .heatmap-crosshair {
   line {
-    stroke: darken($red,15%);
+    stroke: darken($red, 15%);
     stroke-width: 1;
   }
 }

public/sass/components/_panel_pluginlist.scss

@@ -36,14 +36,14 @@
 }
 
 .pluginlist-message--update {
-   &:hover {
+  &:hover {
     border-bottom: 1px solid $text-color;
   }
 }
 
-.pluginlist-message--enable{
+.pluginlist-message--enable {
   color: $external-link-color;
-   &:hover {
+  &:hover {
     border-bottom: 1px solid $external-link-color;
   }
 }

public/sass/components/_panel_singlestat.scss

@@ -22,5 +22,3 @@
 #flotGagueValue0 {
   font-weight: bold; //please dont hurt me for this!
 }
-
-

public/sass/components/_panel_table.scss

@@ -114,7 +114,7 @@
   background: $list-item-bg;
   border-top: 2px solid $body-bg;
   border-bottom: 2px solid $body-bg;
-  height: 2.0em;
+  height: 2em;
   position: absolute;
   top: 0;
   right: 0;

public/sass/components/_query_part.scss

@@ -1,4 +1,3 @@
-
 .query-part {
   background-color: lighten($input-label-bg, 5%);
 
@@ -8,4 +7,3 @@
     text-align: center;
   }
 }
-

public/sass/components/_row.scss

@@ -76,4 +76,3 @@
   top: 0;
   right: 0;
 }
-

public/sass/components/_scrollbar.scss

@@ -15,8 +15,8 @@
 .ps__rail-x {
   display: none;
   opacity: 0;
-  transition: background-color .2s linear, opacity .2s linear;
-  -webkit-transition: background-color .2s linear, opacity .2s linear;
+  transition: background-color 0.2s linear, opacity 0.2s linear;
+  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
   height: 15px;
   /* there must be 'bottom' or 'top' for ps__rail-x */
   bottom: 0px;
@@ -27,8 +27,8 @@
 .ps__rail-y {
   display: none;
   opacity: 0;
-  transition: background-color .2s linear, opacity .2s linear;
-  -webkit-transition: background-color .2s linear, opacity .2s linear;
+  transition: background-color 0.2s linear, opacity 0.2s linear;
+  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
   width: 15px;
   /* there must be 'right' or 'left' for ps__rail-y */
   right: 0;
@@ -80,7 +80,6 @@
   position: absolute;
 }
 
-
 /* MS supports */
 @supports (-ms-overflow-style: none) {
   .ps {
@@ -115,20 +114,46 @@
 }
 
 ::-webkit-scrollbar-button:start:decrement,
-::-webkit-scrollbar-button:end:increment { display: none;  }
-::-webkit-scrollbar-button:horizontal:decrement {  display: none; }
-::-webkit-scrollbar-button:horizontal:increment {  display: none; }
-::-webkit-scrollbar-button:vertical:decrement { display: none; }
-::-webkit-scrollbar-button:vertical:increment { display: none; }
-::-webkit-scrollbar-button:horizontal:decrement:active { background-image: none; }
-::-webkit-scrollbar-button:horizontal:increment:active { background-image: none; }
-::-webkit-scrollbar-button:vertical:decrement:active { background-image: none; }
-::-webkit-scrollbar-button:vertical:increment:active {background-image: none; }
-::-webkit-scrollbar-track-piece { background-color: transparent; }
+::-webkit-scrollbar-button:end:increment {
+  display: none;
+}
+::-webkit-scrollbar-button:horizontal:decrement {
+  display: none;
+}
+::-webkit-scrollbar-button:horizontal:increment {
+  display: none;
+}
+::-webkit-scrollbar-button:vertical:decrement {
+  display: none;
+}
+::-webkit-scrollbar-button:vertical:increment {
+  display: none;
+}
+::-webkit-scrollbar-button:horizontal:decrement:active {
+  background-image: none;
+}
+::-webkit-scrollbar-button:horizontal:increment:active {
+  background-image: none;
+}
+::-webkit-scrollbar-button:vertical:decrement:active {
+  background-image: none;
+}
+::-webkit-scrollbar-button:vertical:increment:active {
+  background-image: none;
+}
+::-webkit-scrollbar-track-piece {
+  background-color: transparent;
+}
 
 ::-webkit-scrollbar-thumb:vertical {
   height: 50px;
-  background: -webkit-gradient(linear, left top, right top, color-stop(0%, $scrollbarBackground), color-stop(100%, $scrollbarBackground2));
+  background: -webkit-gradient(
+    linear,
+    left top,
+    right top,
+    color-stop(0%, $scrollbarBackground),
+    color-stop(100%, $scrollbarBackground2)
+  );
   border: 1px solid $scrollbarBorder;
   border-top: 1px solid $scrollbarBorder;
   border-left: 1px solid $scrollbarBorder;
@@ -136,7 +161,13 @@
 
 ::-webkit-scrollbar-thumb:horizontal {
   width: 50px;
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $scrollbarBackground), color-stop(100%, $scrollbarBackground2));
+  background: -webkit-gradient(
+    linear,
+    left top,
+    left bottom,
+    color-stop(0%, $scrollbarBackground),
+    color-stop(100%, $scrollbarBackground2)
+  );
   border: 1px solid $scrollbarBorder;
   border-top: 1px solid $scrollbarBorder;
   border-left: 1px solid $scrollbarBorder;

public/sass/components/_search.scss

@@ -84,14 +84,15 @@
 }
 
 .search-filter-box-link {
-  display:block;
+  display: block;
   margin-bottom: 16px;
 
   &:last-child {
     margin-bottom: 0;
   }
 
-  i, img {
+  i,
+  img {
     font-size: 20px;
     margin-right: 5px;
   }
@@ -113,7 +114,7 @@
 
   .selected {
     .search-result-tag {
-      opacity: 0.70;
+      opacity: 0.7;
       color: white;
     }
   }
@@ -134,7 +135,8 @@
   display: flex;
   flex-grow: 1;
 
-  &:hover, &.selected {
+  &:hover,
+  &.selected {
     color: $text-color;
   }
 
@@ -176,7 +178,8 @@
   white-space: nowrap;
   padding: 0px;
 
-  &:hover, &.selected {
+  &:hover,
+  &.selected {
     background: $list-item-hover-bg;
   }
 }
@@ -215,7 +218,8 @@
   opacity: 0;
   width: 0;
   transition: all 0.2s ease-in-out;
-  .fa-star, .fa-star-o {
+  .fa-star,
+  .fa-star-o {
     color: $orange;
     line-height: 37px;
   }
@@ -235,7 +239,6 @@
 }
 
 @include media-breakpoint-down(xs) {
-
   .search-container {
     left: 0;
   }

public/sass/components/_settings_permissions.scss

@@ -30,5 +30,3 @@
     margin-left: auto;
   }
 }
-
-

public/sass/components/_shortcuts.scss

@@ -1,4 +1,3 @@
-
 .shortcut-category {
   float: left;
   font-size: $font-size-sm;
@@ -44,4 +43,3 @@
   color: $btn-inverse-text-color;
   box-shadow: inset 0 -1px 0 $btn-inverse-bg-hl;
 }
-

public/sass/components/_sidemenu.scss

@@ -71,8 +71,8 @@
         // important to overlap it otherwise it can be hidden
         // again by the mouse getting outside the hover space
         left: $side-menu-width - 2px;
-        @include animation('dropdown-anim 150ms ease-in-out 100ms forwards');
-        z-index:  $zindex-sidemenu;
+        @include animation("dropdown-anim 150ms ease-in-out 100ms forwards");
+        z-index: $zindex-sidemenu;
       }
     }
   }
@@ -96,7 +96,7 @@
     border-radius: 50%;
     width: 28px;
     height: 28px;
-    box-shadow: 0 0 14px 2px rgba(255,255,255, 0.05);
+    box-shadow: 0 0 14px 2px rgba(255, 255, 255, 0.05);
   }
 }
 
@@ -116,10 +116,12 @@
   height: 35px;
   display: inline-block;
 
-  .fa, .icon-gf, .gicon {
+  .fa,
+  .icon-gf,
+  .gicon {
     color: $side-menu-link-color;
     position: relative;
-    opacity: .7;
+    opacity: 0.7;
     font-size: 130%;
   }
 
@@ -173,7 +175,7 @@ li.sidemenu-org-switcher {
 
 .sidemenu__logo {
   display: block;
-  padding: 0.4rem 1.0rem 0.4rem 0.65rem;
+  padding: 0.4rem 1rem 0.4rem 0.65rem;
   min-height: $navbarHeight;
   position: relative;
 
@@ -244,7 +246,7 @@ li.sidemenu-org-switcher {
     }
 
     .sidemenu-icon {
-      display: none
+      display: none;
     }
 
     .dropdown-menu--sidemenu {

public/sass/components/_submenu.scss

@@ -8,7 +8,8 @@
   margin: 0 0 $panel-margin 0;
 }
 
-.annotation-disabled, .annotation-disabled a {
+.annotation-disabled,
+.annotation-disabled a {
   color: $link-color-disabled;
 }
 
@@ -52,7 +53,7 @@
   }
 }
 
-.variable-link-wrapper  {
+.variable-link-wrapper {
   display: inline-block;
   position: relative;
 }
@@ -66,28 +67,28 @@
   overflow-y: auto;
   overflow-x: hidden;
   background-color: $dropdownBackground;
-  box-shadow: 0 0 25px 0 rgba(0,0,0,0.4);
+  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.4);
   z-index: 1000;
   font-size: $font-size-base;
   border-radius: 3px 3px 0 0;
   border: 1px solid $tight-form-func-bg;
 
   &.multi {
-   .selected {
-     .variable-option-icon{
-       background: url($checkboxImageUrl) 0px -18px no-repeat;
-     }
-   }
- }
-
- &.single {
-   .variable-option-icon {
-     display: none;
-   }
-   .selected {
-     background-color: $tight-form-func-highlight-bg;
-   }
- }
+    .selected {
+      .variable-option-icon {
+        background: url($checkboxImageUrl) 0px -18px no-repeat;
+      }
+    }
+  }
+
+  &.single {
+    .variable-option-icon {
+      display: none;
+    }
+    .selected {
+      background-color: $tight-form-func-highlight-bg;
+    }
+  }
 }
 
 .variable-options-wrapper {
@@ -135,7 +136,8 @@
 }
 
 .variable-option {
-  &:hover, &.highlighted {
+  &:hover,
+  &.highlighted {
     background-color: $blue-dark;
   }
 }

public/sass/components/_switch.scss

@@ -6,7 +6,7 @@
   position: relative;
   max-width: 4.5rem;
   flex-grow: 1;
-  min-width: 4.0rem;
+  min-width: 4rem;
   margin-right: $gf-form-margin;
 
   input {
@@ -30,7 +30,8 @@
     border-radius: $input-border-radius;
   }
 
-  input + label::before, input + label::after {
+  input + label::before,
+  input + label::after {
     @include buttonBackground($input-bg, $input-bg);
 
     display: block;
@@ -60,11 +61,10 @@
       color: lighten($orange, 10%);
       text-shadow: $text-shadow-strong;
     }
-
   }
 
   input + label::before {
-    font-family: 'FontAwesome';
+    font-family: "FontAwesome";
     content: "\f096"; // square-o
     color: $text-color-weak;
     transition: transform 0.4s;
@@ -77,7 +77,7 @@
     color: $orange;
     text-shadow: $text-shadow-strong;
 
-    font-family: 'FontAwesome';
+    font-family: "FontAwesome";
     transition: transform 0.4s;
     transform: rotateY(180deg);
     backface-visibility: hidden;
@@ -107,7 +107,8 @@
     border: none;
   }
 
-  input + label::before, input + label::after {
+  input + label::before,
+  input + label::after {
     background: transparent;
     border: none;
   }
@@ -148,7 +149,7 @@
   }
 }
 
-gf-form-switch[disabled]  {
+gf-form-switch[disabled] {
   .gf-form-label,
   .gf-form-switch input + label {
     cursor: default;

public/sass/components/_tabs.scss

@@ -44,14 +44,18 @@
 
     &::before {
       display: block;
-      content: ' ';
+      content: " ";
       position: absolute;
       left: 0;
       right: 0;
       height: 2px;
       top: 0;
-      background-image: linear-gradient(to right, #ffd500 0%, #ff4400 99%, #ff4400 100%);
+      background-image: linear-gradient(
+        to right,
+        #ffd500 0%,
+        #ff4400 99%,
+        #ff4400 100%
+      );
     }
   }
 }
-

public/sass/components/_tags.scss

@@ -3,17 +3,16 @@
 .badge {
   display: inline-block;
   padding: 2px 4px;
-  font-size: $font-size-base * .846;
+  font-size: $font-size-base * 0.846;
   font-weight: bold;
   line-height: 14px; // ensure proper line-height if floated
   color: $white;
   vertical-align: baseline;
   white-space: nowrap;
-  text-shadow: 0 -1px 0 rgba(0,0,0,.25);
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   background-color: $gray-1;
 }
 
-
 // Labels & Badges
 .label-tag {
   background-color: $purple;
@@ -25,7 +24,7 @@
   padding: 2px 6px;
   border-width: 1px;
   border-style: solid;
-  box-shadow: 0 0 1px rgba($white,.2);
+  box-shadow: 0 0 1px rgba($white, 0.2);
   .icon-tag {
     position: relative;
     top: 1px;
@@ -34,8 +33,6 @@
 }
 
 .label-tag:hover {
-   opacity: 0.85;
+  opacity: 0.85;
   background-color: darken($purple, 10%);
 }
-
-

public/sass/components/_tagsinput.scss

@@ -22,16 +22,17 @@
     color: white;
 
     [data-role="remove"] {
-      margin-left:8px;
-      cursor:pointer;
-      &::after{
+      margin-left: 8px;
+      cursor: pointer;
+      &::after {
         content: "x";
-        padding:0px 2px;
+        padding: 0px 2px;
       }
       &:hover {
-        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
+          0 1px 2px rgba(0, 0, 0, 0.05);
         &:active {
-          box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
         }
       }
     }

public/sass/components/_timepicker.scss

@@ -90,7 +90,7 @@
 }
 
 .input-datetime-format {
-  color: $link-color-disabled
+  color: $link-color-disabled;
 }
 
 .fa {
@@ -118,4 +118,3 @@
   @extend .fa;
   @extend .fa-chevron-left;
 }
-

public/sass/components/_tooltip.scss

@@ -11,11 +11,25 @@
   font-size: 11px;
   line-height: 1.4;
   @include opacity(0);
-  &.in     { @include opacity(100); }
-  &.top    { margin-top:  -3px; padding: 5px 0; }
-  &.right  { margin-left:  3px; padding: 0 5px; }
-  &.bottom { margin-top:   3px; padding: 5px 0; }
-  &.left   { margin-left: -3px; padding: 0 5px; }
+  &.in {
+    @include opacity(100);
+  }
+  &.top {
+    margin-top: -3px;
+    padding: 5px 0;
+  }
+  &.right {
+    margin-left: 3px;
+    padding: 0 5px;
+  }
+  &.bottom {
+    margin-top: 3px;
+    padding: 5px 0;
+  }
+  &.left {
+    margin-left: -3px;
+    padding: 0 5px;
+  }
 }
 
 // Wrapper for the tooltip content
@@ -70,13 +84,13 @@
 }
 
 .grafana-tooltip {
-  position : absolute;
+  position: absolute;
   top: -1000;
   left: 0;
   color: $tooltipColor;
   padding: 10px;
   font-size: 11pt;
-  font-weight : 200;
+  font-weight: 200;
   background-color: $tooltipBackground;
   border-radius: 5px;
   z-index: 9999;
@@ -92,4 +106,3 @@
 .grafana-tip {
   padding-left: 5px;
 }
-

public/sass/components/_typeahead.scss

@@ -1,4 +1,3 @@
-
 // typeahead max height
 .typeahead {
   max-height: 300px;
@@ -8,4 +7,3 @@
 .typeahead strong {
   color: $yellow;
 }
-

public/sass/components/_view_states.scss

@@ -1,4 +1,3 @@
-
 .page-kiosk-mode {
   dashnav {
     display: none;
@@ -7,8 +6,7 @@
 
 .playlist-active,
 .user-activity-low {
-  .react-resizable-handle
-  .add-row-panel-hint,
+  .react-resizable-handle .add-row-panel-hint,
   .dash-row-menu-container,
   .navbar-button--refresh,
   .navbar-buttons--zoom,
@@ -37,4 +35,3 @@
     transform: translate3d(40px, 0, 0);
   }
 }
-

public/sass/components/edit_sidemenu.scss

@@ -1,4 +1,3 @@
-
 .edit-tab-with-sidemenu {
   display: flex;
   flex-direction: row;
@@ -29,7 +28,6 @@
   }
 }
 
-
 @include media-breakpoint-down(sm) {
   .edit-tab-with-sidemenu {
     flex-direction: column;

public/sass/grafana.dark.scss

@@ -1,4 +1,3 @@
 @import "variables";
 @import "variables.dark";
 @import "grafana";
-

public/sass/icons.json

@@ -1,52 +1,52 @@
 [
-      "grafana_wordmark",
-      "worldping",
-      "raintank_wordmark",
-      "raintank_r-icn",
-      "check-alt",
-      "check",
-      "collector",
-      "dashboard",
-      "panel",
-      "datasources",
-      "endpoint-tiny",
-      "endpoint",
-      "page",
-      "filter",
-      "status",
-      "monitoring",
-      "monitoring-tiny",
-      "jump-to-dashboard",
-      "warning",
-      "nodata",
-      "critical",
-      "crit",
-      "online",
-      "event-error",
-      "event",
-      "sadface",
-      "private-collector",
-      "alert-disabled",
-      "refresh",
-      "save",
-      "share",
-      "star",
-      "search",
-      "remove",
-      "video",
-      "bulk_action",
-      "grabber",
-      "users",
-      "globe",
-      "snapshot",
-      "play-grafana-icon",
-      "grafana-icon",
-      "email",
-      "stopwatch",
-      "skull",
-      "probe",
-      "apps",
-      "scale",
-      "pending",
-      "verified"
-]
+  "grafana_wordmark",
+  "worldping",
+  "raintank_wordmark",
+  "raintank_r-icn",
+  "check-alt",
+  "check",
+  "collector",
+  "dashboard",
+  "panel",
+  "datasources",
+  "endpoint-tiny",
+  "endpoint",
+  "page",
+  "filter",
+  "status",
+  "monitoring",
+  "monitoring-tiny",
+  "jump-to-dashboard",
+  "warning",
+  "nodata",
+  "critical",
+  "crit",
+  "online",
+  "event-error",
+  "event",
+  "sadface",
+  "private-collector",
+  "alert-disabled",
+  "refresh",
+  "save",
+  "share",
+  "star",
+  "search",
+  "remove",
+  "video",
+  "bulk_action",
+  "grabber",
+  "users",
+  "globe",
+  "snapshot",
+  "play-grafana-icon",
+  "grafana-icon",
+  "email",
+  "stopwatch",
+  "skull",
+  "probe",
+  "apps",
+  "scale",
+  "pending",
+  "verified"
+]

public/sass/layout/_lists.scss

@@ -1,4 +1,3 @@
-
 .ui-list {
   margin: 0;
   padding: 0;

public/sass/layout/_page.scss

@@ -17,7 +17,7 @@
 .page-container {
   margin-left: auto;
   margin-right: auto;
-  padding-left:  $spacer*2;
+  padding-left: $spacer*2;
   padding-right: $spacer*2;
   max-width: 980px;
   @include clearfix();
@@ -50,7 +50,8 @@
   display: flex;
   align-items: flex-start;
 
-  > a, > button {
+  > a,
+  > button {
     margin-left: $spacer;
   }
 }
@@ -65,7 +66,9 @@
 }
 
 .sidebar-content {
-  width: calc(100% - #{$page-sidebar-width + $page-sidebar-margin}); // sidebar width + margin
+  width: calc(
+    100% - #{$page-sidebar-width + $page-sidebar-margin}
+  ); // sidebar width + margin
 }
 
 .sidebar-container {

public/sass/mixins/_animations.scss

@@ -1,19 +1,19 @@
 @mixin keyframes($animation-name) {
-    @-webkit-keyframes #{$animation-name} {
-        @content;
-    }
-    @-moz-keyframes #{$animation-name} {
-        @content;
-    }
-    @-ms-keyframes #{$animation-name} {
-        @content;
-    }
-    @-o-keyframes #{$animation-name} {
-        @content;
-    }
-    @keyframes #{$animation-name} {
-        @content;
-    }
+  @-webkit-keyframes #{$animation-name} {
+    @content;
+  }
+  @-moz-keyframes #{$animation-name} {
+    @content;
+  }
+  @-ms-keyframes #{$animation-name} {
+    @content;
+  }
+  @-o-keyframes #{$animation-name} {
+    @content;
+  }
+  @keyframes #{$animation-name} {
+    @content;
+  }
 }
 
 @mixin animation($str) {

public/sass/mixins/_buttons.scss

@@ -1,19 +1,22 @@
-
 // Button backgrounds
 // ------------------
-@mixin buttonBackground($startColor, $endColor, $text-color: #fff, $textShadow: 0px 1px 0 rgba(0,0,0,.1)) {
+@mixin buttonBackground($startColor, $endColor, $text-color: #fff, $textShadow: 0px 1px 0 rgba(0,0,0,0.1)) {
   // gradientBar will set the background to a pleasing blend of these, to support IE<=9
   @include gradientBar($startColor, $endColor, $text-color, $textShadow);
 
   // in these cases the gradient won't cover the background, so we override
-  &:hover, &:focus, &:active, &.active, &.disabled, &[disabled] {
+  &:hover,
+  &:focus,
+  &:active,
+  &.active,
+  &.disabled,
+  &[disabled] {
     color: $text-color;
     background-image: none;
     background-color: $startColor;
   }
 }
 
-
 // Button sizes
 @mixin button-size($padding-y, $padding-x, $font-size, $border-radius) {
   padding: $padding-y $padding-x;
@@ -32,14 +35,14 @@
   @include hover {
     color: #fff;
     background-color: $color;
-        border-color: $color;
+    border-color: $color;
   }
 
   &:focus,
   &.focus {
     color: #fff;
     background-color: $color;
-        border-color: $color;
+    border-color: $color;
   }
 
   &:active,
@@ -47,14 +50,14 @@
   .open > &.dropdown-toggle {
     color: #fff;
     background-color: $color;
-        border-color: $color;
+    border-color: $color;
 
     &:hover,
     &:focus,
     &.focus {
       color: #fff;
       background-color: darken($color, 17%);
-          border-color: darken($color, 25%);
+      border-color: darken($color, 25%);
     }
   }
 

public/sass/mixins/_drop_element.scss

@@ -1,4 +1,3 @@
-
 @mixin drop-theme($themeName, $theme-bg, $theme-color, $border-color: $theme-bg) {
   .drop-element.drop-#{$themeName} {
     max-width: 100%;
@@ -89,7 +88,8 @@
       left: $popover-arrow-size * 2;
     }
 
-    &.drop-element-attached-top.drop-element-attached-left.drop-target-attached-middle .drop-content {
+    &.drop-element-attached-top.drop-element-attached-left.drop-target-attached-middle
+      .drop-content {
       margin-top: $popover-arrow-size;
 
       &:before {
@@ -99,7 +99,8 @@
       }
     }
 
-    &.drop-element-attached-top.drop-element-attached-right.drop-target-attached-middle .drop-content {
+    &.drop-element-attached-top.drop-element-attached-right.drop-target-attached-middle
+      .drop-content {
       margin-top: $popover-arrow-size;
 
       &:before {
@@ -109,7 +110,8 @@
       }
     }
 
-    &.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-middle .drop-content {
+    &.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-middle
+      .drop-content {
       margin-bottom: $popover-arrow-size;
 
       &:before {
@@ -119,7 +121,8 @@
       }
     }
 
-    &.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-middle .drop-content {
+    &.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-middle
+      .drop-content {
       margin-bottom: $popover-arrow-size;
 
       &:before {
@@ -130,7 +133,8 @@
     }
 
     // Top and bottom corners
-    &.drop-element-attached-top.drop-element-attached-left.drop-target-attached-bottom .drop-content {
+    &.drop-element-attached-top.drop-element-attached-left.drop-target-attached-bottom
+      .drop-content {
       margin-top: $popover-arrow-size;
 
       &:before {
@@ -140,7 +144,8 @@
       }
     }
 
-    &.drop-element-attached-top.drop-element-attached-right.drop-target-attached-bottom .drop-content {
+    &.drop-element-attached-top.drop-element-attached-right.drop-target-attached-bottom
+      .drop-content {
       margin-top: $popover-arrow-size;
 
       &:before {
@@ -150,7 +155,8 @@
       }
     }
 
-    &.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-top .drop-content {
+    &.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-top
+      .drop-content {
       margin-bottom: $popover-arrow-size;
 
       &:before {
@@ -160,7 +166,8 @@
       }
     }
 
-    &.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-top .drop-content {
+    &.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-top
+      .drop-content {
       margin-bottom: $popover-arrow-size;
 
       &:before {
@@ -171,7 +178,8 @@
     }
 
     // Side corners
-    &.drop-element-attached-top.drop-element-attached-right.drop-target-attached-left .drop-content {
+    &.drop-element-attached-top.drop-element-attached-right.drop-target-attached-left
+      .drop-content {
       margin-right: $popover-arrow-size;
 
       &:before {
@@ -181,7 +189,8 @@
       }
     }
 
-    &.drop-element-attached-top.drop-element-attached-left.drop-target-attached-right .drop-content {
+    &.drop-element-attached-top.drop-element-attached-left.drop-target-attached-right
+      .drop-content {
       margin-left: $popover-arrow-size;
 
       &:before {
@@ -191,7 +200,8 @@
       }
     }
 
-    &.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-left .drop-content {
+    &.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-left
+      .drop-content {
       margin-right: $popover-arrow-size;
 
       &:before {
@@ -201,7 +211,8 @@
       }
     }
 
-    &.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-right .drop-content {
+    &.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-right
+      .drop-content {
       margin-left: $popover-arrow-size;
 
       &:before {
@@ -236,44 +247,55 @@
       }
     }
     // Centers and middles
-    &.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-center .#{$themePrefix}-content {
+    &.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-center
+      .#{$themePrefix}-content {
       transform-origin: 50% calc(100% + #{$attachmentOffset});
     }
-    &.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-center .#{$themePrefix}-content {
+    &.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-center
+      .#{$themePrefix}-content {
       transform-origin: 50% (-$attachmentOffset);
     }
-    &.#{$themePrefix}-element-attached-right.#{$themePrefix}-element-attached-middle .#{$themePrefix}-content {
+    &.#{$themePrefix}-element-attached-right.#{$themePrefix}-element-attached-middle
+      .#{$themePrefix}-content {
       transform-origin: calc(100% + #{$attachmentOffset}) 50%;
     }
-    &.#{$themePrefix}-element-attached-left.#{$themePrefix}-element-attached-middle .#{$themePrefix}-content {
+    &.#{$themePrefix}-element-attached-left.#{$themePrefix}-element-attached-middle
+      .#{$themePrefix}-content {
       transform-origin: -($attachmentOffset 50%);
     }
     // Top and bottom corners
-    &.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-left.#{$themePrefix}-target-attached-bottom .#{$themePrefix}-content {
+    &.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-left.#{$themePrefix}-target-attached-bottom
+      .#{$themePrefix}-content {
       transform-origin: 0 (-$attachmentOffset);
     }
-    &.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-right.#{$themePrefix}-target-attached-bottom .#{$themePrefix}-content {
+    &.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-right.#{$themePrefix}-target-attached-bottom
+      .#{$themePrefix}-content {
       transform-origin: 100% (-$attachmentOffset);
     }
-    &.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-left.#{$themePrefix}-target-attached-top .#{$themePrefix}-content {
+    &.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-left.#{$themePrefix}-target-attached-top
+      .#{$themePrefix}-content {
       transform-origin: 0 calc(100% + #{$attachmentOffset});
     }
-    &.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-right.#{$themePrefix}-target-attached-top .#{$themePrefix}-content {
+    &.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-right.#{$themePrefix}-target-attached-top
+      .#{$themePrefix}-content {
       transform-origin: 100% calc(100% + #{$attachmentOffset});
     }
     // Side corners
-    &.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-right.#{$themePrefix}-target-attached-left .#{$themePrefix}-content {
+    &.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-right.#{$themePrefix}-target-attached-left
+      .#{$themePrefix}-content {
       transform-origin: calc(100% + #{$attachmentOffset}) 0;
     }
-    &.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-left.#{$themePrefix}-target-attached-right .#{$themePrefix}-content {
+    &.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-left.#{$themePrefix}-target-attached-right
+      .#{$themePrefix}-content {
       transform-origin: (-$attachmentOffset) 0;
     }
-    &.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-right.#{$themePrefix}-target-attached-left .#{$themePrefix}-content {
+    &.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-right.#{$themePrefix}-target-attached-left
+      .#{$themePrefix}-content {
       transform-origin: calc(100% + #{$attachmentOffset}) 100%;
     }
-    &.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-left.#{$themePrefix}-target-attached-right .#{$themePrefix}-content {
+    &.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-left.#{$themePrefix}-target-attached-right
+      .#{$themePrefix}-content {
       transform-origin: (-$attachmentOffset) 100%;
     }
   }
 }
-

public/sass/mixins/_forms.scss

@@ -41,7 +41,8 @@
   &:focus {
     border-color: $input-border-focus;
     outline: none;
-    $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px $input-box-shadow-focus;
+    $shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
+      0 0 5px $input-box-shadow-focus;
     @include box-shadow($shadow);
   }
 }

public/sass/mixins/_grid-framework.scss

@@ -16,7 +16,7 @@
           max-width: 100%;
           min-height: 1px;
           padding-right: ($grid-gutter-width / 2);
-          padding-left:  ($grid-gutter-width / 2);
+          padding-left: ($grid-gutter-width / 2);
         }
       }
 
@@ -29,16 +29,17 @@
       @each $modifier in (pull, push) {
         @for $i from 0 through $columns {
           .#{$modifier}-#{$breakpoint}-#{$i} {
-            @include make-col-modifier($modifier, $i, $columns)
+            @include make-col-modifier($modifier, $i, $columns);
           }
         }
       }
 
       // `$columns - 1` because offsetting by the width of an entire row isn't possible
       @for $i from 0 through ($columns - 1) {
-        @if $breakpoint-counter != 1 or $i != 0 { // Avoid emitting useless .col-xs-offset-0
+        @if $breakpoint-counter != 1 or $i != 0 {
+          // Avoid emitting useless .col-xs-offset-0
           .offset-#{$breakpoint}-#{$i} {
-            @include make-col-modifier(offset, $i, $columns)
+            @include make-col-modifier(offset, $i, $columns);
           }
         }
       }

public/sass/mixins/_grid.scss

@@ -5,14 +5,13 @@
 @mixin make-container($gutter: $grid-gutter-width) {
   margin-left: auto;
   margin-right: auto;
-  padding-left:  ($gutter / 2);
+  padding-left: ($gutter / 2);
   padding-right: ($gutter / 2);
   @if not $enable-flex {
     @include clearfix();
   }
 }
 
-
 // For each breakpoint, define the maximum width of the container in a media query
 @mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
   @each $breakpoint, $container-max-width in $max-widths {
@@ -29,7 +28,7 @@
   } @else {
     @include clearfix();
   }
-  margin-left:  ($gutter / -2);
+  margin-left: ($gutter / -2);
   margin-right: ($gutter / -2);
 }
 
@@ -37,7 +36,7 @@
   position: relative;
   min-height: 1px;
   padding-right: ($grid-gutter-width / 2);
-  padding-left:  ($grid-gutter-width / 2);
+  padding-left: ($grid-gutter-width / 2);
 
   @if $enable-flex {
     flex: 0 0 percentage($size / $columns);

public/sass/mixins/_hover.scss

@@ -3,23 +3,29 @@
     // See Media Queries Level 4: http://drafts.csswg.org/mediaqueries/#hover
     // Currently shimmed by https://github.com/twbs/mq4-hover-shim
     @media (hover: hover) {
-      &:hover { @content }
+      &:hover {
+        @content;
+      }
+    }
+  } @else {
+    &:hover {
+      @content;
     }
-  }
-  @else {
-    &:hover { @content }
   }
 }
 
 @mixin hover-focus {
   @if $enable-hover-media-query {
-    &:focus { @content }
-    @include hover { @content }
-  }
-  @else {
+    &:focus {
+      @content;
+    }
+    @include hover {
+      @content;
+    }
+  } @else {
     &:focus,
     &:hover {
-      @content
+      @content;
     }
   }
 }
@@ -28,15 +34,16 @@
   @if $enable-hover-media-query {
     &,
     &:focus {
-      @content
+      @content;
     }
-    @include hover { @content }
-  }
-  @else {
+    @include hover {
+      @content;
+    }
+  } @else {
     &,
     &:focus,
     &:hover {
-      @content
+      @content;
     }
   }
 }
@@ -45,15 +52,16 @@
   @if $enable-hover-media-query {
     &:focus,
     &:active {
-      @content
+      @content;
     }
-    @include hover { @content }
-  }
-  @else {
+    @include hover {
+      @content;
+    }
+  } @else {
     &:focus,
     &:active,
     &:hover {
-      @content
+      @content;
     }
   }
 }

public/sass/mixins/_mixins.scss

@@ -1,4 +1,3 @@
-
 @mixin clearfix() {
   &::after {
     content: "";
@@ -73,7 +72,6 @@
   border: 0;
 }
 
-
 // FONTS
 // --------------------------------------------------
 
@@ -110,7 +108,6 @@
   @include font-shorthand($size, $weight, $lineHeight);
 }
 
-
 // FORMS
 // --------------------------------------------------
 
@@ -122,7 +119,6 @@
   @include box-sizing(border-box); // Makes inputs behave like true block-level elements
 }
 
-
 // CSS3 PROPERTIES
 // --------------------------------------------------
 
@@ -146,13 +142,13 @@
 }
 @mixin border-bottom-right-radius($radius) {
   -webkit-border-bottom-right-radius: $radius;
-      -moz-border-radius-bottomright: $radius;
-          border-bottom-right-radius: $radius;
+  -moz-border-radius-bottomright: $radius;
+  border-bottom-right-radius: $radius;
 }
 @mixin border-bottom-left-radius($radius) {
   -webkit-border-bottom-left-radius: $radius;
-      -moz-border-radius-bottomleft: $radius;
-          border-bottom-left-radius: $radius;
+  -moz-border-radius-bottomleft: $radius;
+  border-bottom-left-radius: $radius;
 }
 
 // Single Side Border Radius
@@ -241,21 +237,21 @@
 // CSS3 Content Columns
 @mixin content-columns($columnCount, $columnGap: $gridGutterWidth) {
   -webkit-column-count: $columnCount;
-     -moz-column-count: $columnCount;
-          column-count: $columnCount;
+  -moz-column-count: $columnCount;
+  column-count: $columnCount;
   -webkit-column-gap: $columnGap;
-     -moz-column-gap: $columnGap;
-          column-gap: $columnGap;
+  -moz-column-gap: $columnGap;
+  column-gap: $columnGap;
 }
 
 // Optional hyphenation
 @mixin hyphens($mode: auto) {
   word-wrap: break-word;
   -webkit-hyphens: $mode;
-     -moz-hyphens: $mode;
-      -ms-hyphens: $mode;
-       -o-hyphens: $mode;
-          hyphens: $mode;
+  -moz-hyphens: $mode;
+  -ms-hyphens: $mode;
+  -o-hyphens: $mode;
+  hyphens: $mode;
 }
 
 // Opacity
@@ -269,16 +265,26 @@
 // Add an alphatransparency value to any background or border color (via Elyse Holladay)
 #translucent {
   @mixin background($color: $white, $alpha: 1) {
-    background-color: hsla(hue($color), saturation($color), lightness($color), $alpha);
+    background-color: hsla(
+      hue($color),
+      saturation($color),
+      lightness($color),
+      $alpha
+    );
   }
   @mixin border($color: $white, $alpha: 1) {
-    border-color: hsla(hue($color), saturation($color), lightness($color), $alpha);
+    border-color: hsla(
+      hue($color),
+      saturation($color),
+      lightness($color),
+      $alpha
+    );
     @include background-clip(padding-box);
   }
 }
 
 // Gradient Bar Colors for buttons and alerts
-@mixin gradientBar($primaryColor, $secondaryColor, $text-color: #fff, $textShadow: 0 -1px 0 rgba(0,0,0,.25)) {
+@mixin gradientBar($primaryColor, $secondaryColor, $text-color: #fff, $textShadow: 0 -1px 0 rgba(0,0,0,0.25)) {
   color: $text-color;
   text-shadow: $textShadow;
   @include gradient-vertical($primaryColor, $secondaryColor);
@@ -288,37 +294,66 @@
 // Gradients
 @mixin gradient-horizontal($startColor: #555, $endColor: #333) {
   background-color: $endColor;
-  background-image: linear-gradient(to right, $startColor, $endColor); // Standard, IE10
+  background-image: linear-gradient(
+    to right,
+    $startColor,
+    $endColor
+  ); // Standard, IE10
   background-repeat: repeat-x;
 }
 
 @mixin gradient-vertical($startColor: #555, $endColor: #333) {
   background-color: mix($startColor, $endColor, 60%);
-  background-image: linear-gradient(to bottom, $startColor, $endColor); // Standard, IE10
+  background-image: linear-gradient(
+    to bottom,
+    $startColor,
+    $endColor
+  ); // Standard, IE10
   background-repeat: repeat-x;
 }
 
 @mixin gradient-directional($startColor: #555, $endColor: #333, $deg: 45deg) {
   background-color: $endColor;
   background-repeat: repeat-x;
-  background-image: linear-gradient($deg, $startColor, $endColor); // Standard, IE10
+  background-image: linear-gradient(
+    $deg,
+    $startColor,
+    $endColor
+  ); // Standard, IE10
 }
 
 @mixin gradient-horizontal-three-colors($startColor: #00b3ee, $midColor: #7a43b6, $colorStop: 50%, $endColor: #c3325f) {
   background-color: mix($midColor, $endColor, 80%);
-  background-image: linear-gradient(to right, $startColor, $midColor $colorStop, $endColor);
+  background-image: linear-gradient(
+    to right,
+    $startColor,
+    $midColor $colorStop,
+    $endColor
+  );
   background-repeat: no-repeat;
 }
 
 @mixin gradient-vertical-three-colors($startColor: #00b3ee, $midColor: #7a43b6, $colorStop: 50%, $endColor: #c3325f) {
   background-color: mix($midColor, $endColor, 80%);
-  background-image: linear-gradient($startColor, $midColor $colorStop, $endColor);
+  background-image: linear-gradient(
+    $startColor,
+    $midColor $colorStop,
+    $endColor
+  );
   background-repeat: no-repeat;
 }
 
 @mixin gradient-radial($innerColor: #555, $outerColor: #333) {
   background-color: $outerColor;
-  background-image: -webkit-gradient(radial, center center, 0, center center, 460, from($innerColor), to($outerColor));
+  background-image: -webkit-gradient(
+    radial,
+    center center,
+    0,
+    center center,
+    460,
+    from($innerColor),
+    to($outerColor)
+  );
   background-image: -webkit-radial-gradient(circle, $innerColor, $outerColor);
   background-image: -moz-radial-gradient(circle, $innerColor, $outerColor);
   background-image: -o-radial-gradient(circle, $innerColor, $outerColor);
@@ -327,7 +362,16 @@
 
 @mixin striped($color: #555, $angle: 45deg) {
   background-color: $color;
-  background-image: linear-gradient($angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(
+    $angle,
+    rgba(255, 255, 255, 0.15) 25%,
+    transparent 25%,
+    transparent 50%,
+    rgba(255, 255, 255, 0.15) 50%,
+    rgba(255, 255, 255, 0.15) 75%,
+    transparent 75%,
+    transparent
+  );
 }
 
 @mixin left-brand-border($color: transparent) {
@@ -336,7 +380,11 @@
 
 @mixin left-brand-border-gradient() {
   border: none;
-  border-image: linear-gradient(rgba(255,213,0,1) 0%, rgba(255,68,0,1) 99%, rgba(255,68,0,1) 100%);
+  border-image: linear-gradient(
+    rgba(255, 213, 0, 1) 0%,
+    rgba(255, 68, 0, 1) 99%,
+    rgba(255, 68, 0, 1) 100%
+  );
   border-image-slice: 1;
   border-style: solid;
   border-top: 0;
@@ -368,4 +416,3 @@
     color: $list-item-link-color;
   }
 }
-

public/sass/pages/_admin.scss

@@ -1,4 +1,3 @@
-
 .admin-settings-section {
   color: $variable;
   font-weight: bold;

public/sass/pages/_alerting.scss

@@ -41,7 +41,8 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  .icon-gf, .fa {
+  .icon-gf,
+  .fa {
     font-size: 200%;
     position: relative;
     top: 2px;
@@ -102,7 +103,7 @@
 
 .panel-alert-state {
   &--alerting {
-    box-shadow: 0 0 10px rgba($critical,0.5);
+    box-shadow: 0 0 10px rgba($critical, 0.5);
     position: relative;
 
     .panel-alert-icon:before {
@@ -112,18 +113,18 @@
   }
 
   &--alerting::after {
-    content: '';
+    content: "";
     position: absolute;
     top: 0;
     z-index: -1;
     width: 100%;
     height: 100%;
-    box-shadow: 0 0 10px rgba($critical,1);
+    box-shadow: 0 0 10px rgba($critical, 1);
     opacity: 0;
-    animation: alerting-panel 1.6s cubic-bezier(1,.1,.73,1) 0s infinite alternate;
+    animation: alerting-panel 1.6s cubic-bezier(1, 0.1, 0.73, 1) 0s infinite
+      alternate;
   }
 
-
   &--ok {
     .panel-alert-icon:before {
       color: $online;

public/sass/pages/_dashboard.scss

@@ -19,7 +19,7 @@ div.flot-text {
   &--solo {
     .panel-container {
       border: none;
-      z-index: $zindex-sidemenu + 1
+      z-index: $zindex-sidemenu + 1;
     }
   }
 }
@@ -98,7 +98,7 @@ div.flot-text {
 }
 
 .panel-loading {
-  position:absolute;
+  position: absolute;
   top: -3px;
   right: 0px;
   z-index: 800;
@@ -184,7 +184,7 @@ div.flot-text {
   }
 }
 
-.panel-hover-highlight  {
+.panel-hover-highlight {
   .panel-menu-toggle {
     visibility: visible;
     transition: opacity 0.1s ease-in 0.2s;
@@ -213,7 +213,7 @@ div.flot-text {
   span {
     display: inline-block;
     @include brand-bottom-border();
-    padding: 0.5rem .5rem .2rem .5rem;
+    padding: 0.5rem 0.5rem 0.2rem 0.5rem;
   }
 }
 

public/sass/pages/_errorpage.scss

@@ -1,4 +1,3 @@
-
 //
 // Layout
 //
@@ -9,60 +8,74 @@
 }
 
 .error-row {
-    display: flex;
-    flex-direction: row;
+  display: flex;
+  flex-direction: row;
 }
 
 .error-column {
-    display: flex;
-    flex-direction: column;
+  display: flex;
+  flex-direction: column;
 }
 
-.error-space-between {justify-content: space-between;}
+.error-space-between {
+  justify-content: space-between;
+}
 
 .graph-box {
-    width: 62%;
-    padding: 2rem 1rem;
+  width: 62%;
+  padding: 2rem 1rem;
 }
 
 .info-box {
-    width: 38%;
-    padding: 2rem 1rem 2rem;
+  width: 38%;
+  padding: 2rem 1rem 2rem;
 }
 
-.graph-percentage {padding: 0 0 1.5rem;}
+.graph-percentage {
+  padding: 0 0 1.5rem;
+}
 
-.image-box {padding: .5rem}
+.image-box {
+  padding: 0.5rem;
+}
 
-.left-margin{padding: 0 0 0 5rem;}
+.left-margin {
+  padding: 0 0 0 5rem;
+}
 
-.current-box {justify-content: flex-end;}
+.current-box {
+  justify-content: flex-end;
+}
 
 //
 // Text
 //
 
 .current-text {
-    color: $blue;
-    font-weight: bold;
-    line-height: 1rem;
+  color: $blue;
+  font-weight: bold;
+  line-height: 1rem;
 }
 
-.error-link {color: $orange;}
+.error-link {
+  color: $orange;
+}
 
 .error-minus {
-    color: #7eb26d;
-    padding: 0 .5rem;
-    line-height: 1.5rem;
+  color: #7eb26d;
+  padding: 0 0.5rem;
+  line-height: 1.5rem;
 }
 
 .graph-percentage p {
-    text-align: right;
-    margin: 0;
-    line-height: 1rem;
+  text-align: right;
+  margin: 0;
+  line-height: 1rem;
 }
 
-.graph-text {margin: 0;}
+.graph-text {
+  margin: 0;
+}
 
 @include media-breakpoint-down(sm) {
   .graph-box {
@@ -84,7 +97,7 @@
   }
 
   .info-box {
-      width: 100%;
+    width: 100%;
   }
 
   .error-full-width {

public/sass/pages/_history.scss

@@ -29,10 +29,13 @@
   white-space: nowrap;
   position: relative;
 
-  &:before, &:after {
+  &:before,
+  &:after {
   }
 
-  &:after { left: -40px; }
+  &:after {
+    left: -40px;
+  }
 }
 
 .diff-line-number {
@@ -44,7 +47,9 @@
   width: 30px;
 }
 
-.diff-line-number-hide { visibility: hidden; }
+.diff-line-number-hide {
+  visibility: hidden;
+}
 
 .diff-line-icon {
   color: $diff-json-icon;
@@ -58,28 +63,49 @@
 .diff-json-new,
 .diff-json-old,
 .diff-json-deleted,
-.diff-json-added,  {
+.diff-json-added {
   color: $diff-json-changed-fg;
 
-  & .diff-line-number { color: $diff-json-changed-num; }
+  & .diff-line-number {
+    color: $diff-json-changed-num;
+  }
 }
 
-.diff-json-new { background-color: $diff-json-new; }
-.diff-json-old { background-color: $diff-json-old; }
-.diff-json-added { background-color: $diff-json-added; }
-.diff-json-deleted { background-color: $diff-json-deleted; }
+.diff-json-new {
+  background-color: $diff-json-new;
+}
+.diff-json-old {
+  background-color: $diff-json-old;
+}
+.diff-json-added {
+  background-color: $diff-json-added;
+}
+.diff-json-deleted {
+  background-color: $diff-json-deleted;
+}
 
 .diff-value {
   user-select: all;
 }
 
 // Basic
-.diff-circle { margin-right: .5em; }
-.diff-circle-changed { color: #f59433; }
-.diff-circle-added   { color: #29D761; }
-.diff-circle-deleted { color: #fd474a; }
+.diff-circle {
+  margin-right: 0.5em;
+}
+.diff-circle-changed {
+  color: #f59433;
+}
+.diff-circle-added {
+  color: #29d761;
+}
+.diff-circle-deleted {
+  color: #fd474a;
+}
 
-.diff-item-added, .diff-item-deleted { list-style: none; }
+.diff-item-added,
+.diff-item-deleted {
+  list-style: none;
+}
 
 .diff-group {
   background: $diff-group-bg;
@@ -88,7 +114,9 @@
   padding: 10px 15px;
   margin: 1rem 0;
 
-  & .diff-group { padding: 0 5px; }
+  & .diff-group {
+    padding: 0 5px;
+  }
 }
 
 .diff-group-name {
@@ -100,20 +128,24 @@
 }
 
 .diff-summary-key {
-  padding-left: .25em;
+  padding-left: 0.25em;
 }
 
 .diff-list {
   padding-left: 40px;
 
-  & .diff-list { padding-left: 0; }
+  & .diff-list {
+    padding-left: 0;
+  }
 }
 
 .diff-item {
   color: $gray-2;
   line-height: 2.5;
 
-  & > div { display: inline; }
+  & > div {
+    display: inline;
+  }
 }
 
 .diff-item-changeset {
@@ -125,7 +157,7 @@
   border-radius: 3px;
   color: $diff-label-fg;
   display: inline;
-  font-size: .95rem;
+  font-size: 0.95rem;
   margin: 0 5px;
   padding: 3px 8px;
 }
@@ -160,7 +192,7 @@
 
 .diff-change-group {
   width: 100%;
-  color: rgba(223,224,225, .6);
+  color: rgba(223, 224, 225, 0.6);
   margin-bottom: 14px;
 }
 

public/sass/pages/_login.scss

@@ -44,7 +44,7 @@ select:-webkit-autofill:focus {
 .login-form-input {
   border: 1px solid $login-border;
   border-radius: 4px;
-  opacity: .6;
+  opacity: 0.6;
 
   &:focus {
     border: 1px solid $login-border;
@@ -55,9 +55,9 @@ select:-webkit-autofill:focus {
   display: flex;
   flex-direction: column;
   align-items: center;
-  justify-content:space-between;
+  justify-content: space-between;
   width: 100%;
-  margin-top: .5rem
+  margin-top: 0.5rem;
 }
 
 .login-button-forgot-password {
@@ -95,7 +95,7 @@ select:-webkit-autofill:focus {
     color: $link-color;
     position: relative;
     font-size: 2rem;
-    text-shadow: 2px 2px 5px rgba(0,0,0,0.3);
+    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
   }
 }
 
@@ -211,7 +211,7 @@ select:-webkit-autofill:focus {
   align-items: center;
   justify-content: flex-end;
   width: 100%;
-  margin-top: 1rem
+  margin-top: 1rem;
 }
 
 .login-signup-title {
@@ -328,7 +328,6 @@ select:-webkit-autofill:focus {
   }
 }
 
-
 .login-bg {
   position: absolute;
   top: 0;
@@ -364,14 +363,15 @@ select:-webkit-autofill:focus {
       transform: rotateY(180deg);
     }
 
-    &:before, &:after {
+    &:before,
+    &:after {
       backface-visibility: hidden;
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       height: 100%;
-      content: '';
+      content: "";
       display: block;
     }
 
@@ -388,6 +388,12 @@ select:-webkit-autofill:focus {
   left: 0;
   right: 0;
   height: 100%;
-  background-image: -webkit-radial-gradient(center center, ellipse farthest-corner, transparent 0%, transparent 10%, rgba(18, 22, 29, 1) 100%);
-  z-index:2;
+  background-image: -webkit-radial-gradient(
+    center center,
+    ellipse farthest-corner,
+    transparent 0%,
+    transparent 10%,
+    rgba(18, 22, 29, 1) 100%
+  );
+  z-index: 2;
 }

public/sass/pages/_playlist.scss

@@ -27,7 +27,6 @@
   margin-bottom: 15px;
 }
 
-
 .playlist-search-field-wrapper {
   input {
     width: 100%;
@@ -50,18 +49,20 @@
   display: block;
   line-height: 28px;
 
-  .search-item:hover, .search-item.selected {
+  .search-item:hover,
+  .search-item.selected {
     background-color: $list-item-hover-bg;
   }
 
   .selected {
     .search-result-tag {
-      opacity: 0.70;
+      opacity: 0.7;
       color: white;
     }
   }
 
-  .fa-star, .fa-star-o {
+  .fa-star,
+  .fa-star-o {
     padding-left: 13px;
   }
 

public/sass/pages/_plugins.scss

@@ -1,4 +1,3 @@
-
 .get-more-plugins-link {
   color: $gray-3;
   font-size: $font-size-sm;
@@ -28,4 +27,3 @@
   text-overflow: ellipsis;
   overflow: hidden;
 }
-

public/sass/pages/_signup.scss

@@ -19,4 +19,4 @@
   position: absolute;
   margin-left: 9rem;
   width: 194px;
-}
+}

public/sass/pages/_styleguide.scss

@@ -9,9 +9,15 @@
   font-size: $font-size-sm;
 }
 
-.color-card-body-bg { background-color: $body-bg; }
-.color-card-page-bg { background-color: $page-bg; }
-.color-card-gray { background-color: $gray-1; }
+.color-card-body-bg {
+  background-color: $body-bg;
+}
+.color-card-page-bg {
+  background-color: $page-bg;
+}
+.color-card-gray {
+  background-color: $gray-1;
+}
 
 .style-guide-button-list {
   padding: $spacer;
@@ -25,4 +31,3 @@
   font-size: 1.8em;
   text-align: center;
 }
-

public/sass/utils/_angular.scss

@@ -1,7 +1,5 @@
-
-
-[ng\:cloak], [ng-cloak], .ng-cloak {
+[ng\:cloak],
+[ng-cloak],
+.ng-cloak {
   display: none !important;
 }
-
-

public/sass/utils/_flex.scss

@@ -2,31 +2,57 @@
   @each $breakpoint in map-keys($grid-breakpoints) {
     // Flex column reordering
     @include media-breakpoint-up($breakpoint) {
-      .flex-#{$breakpoint}-first { order: -1; }
-      .flex-#{$breakpoint}-last { order: 1; }
+      .flex-#{$breakpoint}-first {
+        order: -1;
+      }
+      .flex-#{$breakpoint}-last {
+        order: 1;
+      }
     }
 
     // Alignment for every item
     @include media-breakpoint-up($breakpoint) {
-      .flex-items-#{$breakpoint}-top { align-items: flex-start; }
-      .flex-items-#{$breakpoint}-middle { align-items: center; }
-      .flex-items-#{$breakpoint}-bottom { align-items: flex-end; }
+      .flex-items-#{$breakpoint}-top {
+        align-items: flex-start;
+      }
+      .flex-items-#{$breakpoint}-middle {
+        align-items: center;
+      }
+      .flex-items-#{$breakpoint}-bottom {
+        align-items: flex-end;
+      }
     }
 
     // Alignment per item
     @include media-breakpoint-up($breakpoint) {
-      .flex-#{$breakpoint}-top   { align-self: flex-start; }
-      .flex-#{$breakpoint}-middle { align-self: center; }
-      .flex-#{$breakpoint}-bottom { align-self: flex-end; }
+      .flex-#{$breakpoint}-top {
+        align-self: flex-start;
+      }
+      .flex-#{$breakpoint}-middle {
+        align-self: center;
+      }
+      .flex-#{$breakpoint}-bottom {
+        align-self: flex-end;
+      }
     }
 
     // Horizontal alignment of item
     @include media-breakpoint-up($breakpoint) {
-      .flex-items-#{$breakpoint}-left { justify-content: flex-start; }
-      .flex-items-#{$breakpoint}-center { justify-content: center; }
-      .flex-items-#{$breakpoint}-right { justify-content: flex-end; }
-      .flex-items-#{$breakpoint}-around { justify-content: space-around; }
-      .flex-items-#{$breakpoint}-between { justify-content: space-between; }
+      .flex-items-#{$breakpoint}-left {
+        justify-content: flex-start;
+      }
+      .flex-items-#{$breakpoint}-center {
+        justify-content: center;
+      }
+      .flex-items-#{$breakpoint}-right {
+        justify-content: flex-end;
+      }
+      .flex-items-#{$breakpoint}-around {
+        justify-content: space-around;
+      }
+      .flex-items-#{$breakpoint}-between {
+        justify-content: space-between;
+      }
     }
   }
 }

public/sass/utils/_spacings.scss

@@ -2,33 +2,42 @@
 
 .m-x-auto {
   margin-right: auto !important;
-  margin-left:  auto !important;
+  margin-left: auto !important;
 }
 
 @each $prop, $abbrev in (margin: m, padding: p) {
   @each $size, $lengths in $spacers {
-    $length-x:   map-get($lengths, x);
-    $length-y:   map-get($lengths, y);
+    $length-x: map-get($lengths, x);
+    $length-y: map-get($lengths, y);
 
-    .#{$abbrev}-a-#{$size} { #{$prop}:        $length-y $length-x !important; } // a = All sides
-    .#{$abbrev}-t-#{$size} { #{$prop}-top:    $length-y !important; }
-    .#{$abbrev}-r-#{$size} { #{$prop}-right:  $length-x !important; }
-    .#{$abbrev}-b-#{$size} { #{$prop}-bottom: $length-y !important; }
-    .#{$abbrev}-l-#{$size} { #{$prop}-left:   $length-x !important; }
+    .#{$abbrev}-a-#{$size} {
+      #{$prop}: $length-y $length-x !important;
+    } // a = All sides
+    .#{$abbrev}-t-#{$size} {
+      #{$prop}-top: $length-y !important;
+    }
+    .#{$abbrev}-r-#{$size} {
+      #{$prop}-right: $length-x !important;
+    }
+    .#{$abbrev}-b-#{$size} {
+      #{$prop}-bottom: $length-y !important;
+    }
+    .#{$abbrev}-l-#{$size} {
+      #{$prop}-left: $length-x !important;
+    }
 
     // Axes
     .#{$abbrev}-x-#{$size} {
-      #{$prop}-right:  $length-x !important;
-      #{$prop}-left:   $length-x !important;
+      #{$prop}-right: $length-x !important;
+      #{$prop}-left: $length-x !important;
     }
     .#{$abbrev}-y-#{$size} {
-      #{$prop}-top:    $length-y !important;
+      #{$prop}-top: $length-y !important;
       #{$prop}-bottom: $length-y !important;
     }
   }
 }
 
-
 // Positioning
 
 .pos-f-t {

public/sass/utils/_utils.scss

@@ -21,7 +21,7 @@
   font-weight: bold;
   line-height: $line-height-base;
   color: $black;
-  text-shadow: 0 1px 0 rgba(255,255,255,1);
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
 
   &:hover,
   &:focus {
@@ -47,7 +47,6 @@ button.close {
 // Utility classes
 // --------------------------------------------------
 
-
 // Quick floats
 .pull-right {
   float: right !important;

public/sass/utils/_validation.scss

@@ -1,10 +1,7 @@
-input[type=text].ng-dirty.ng-invalid {
+input[type="text"].ng-dirty.ng-invalid {
 }
 
 input.validation-error,
 input.ng-dirty.ng-invalid {
   box-shadow: inset 0 0px 5px $red;
 }
-
-
-