Added livereload for .hbs files

[editorial.git] / assets / main / sass / main.scss

diff --git a/assets/main/sass/main.scss b/assets/main/sass/main.scss
index 034f3c1df3328f41cdf1236db6b25a810e8357eb..9c23c73e0867d0dc10f86be2258b7b7f0471150f 100644 (file)
--- a/assets/main/sass/main.scss
+++ b/assets/main/sass/main.scss
@@ -4,12 +4,11 @@
 @import 'libs/vendor';
 @import 'libs/breakpoints';
 @import 'libs/html-grid';
-@import 'libs/fixed-grid';
 @import 'font-awesome.min.css';
-@import url('https://fonts.googleapis.com/css?family=Merriweather:300,700,300italic,700italic|Source+Sans+Pro:900');
+@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic|Roboto+Slab:400,700');
 
 /*
-       Massively by HTML5 UP
+       Editorial by HTML5 UP
        html5up.net | @ajlkn
        Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 */
@@ -17,28 +16,16 @@
 // Breakpoints.
 
        @include breakpoints((
-               default:   (1681px,   null     ),
-               xlarge:    (1281px,   1680px   ),
-               large:     (981px,    1280px   ),
-               medium:    (737px,    980px    ),
-               small:     (481px,    736px    ),
-               xsmall:    (361px,    480px    ),
-               xxsmall:   (null,     360px    )
+               xlarge:   ( 1281px,  1680px ),
+               large:    ( 981px,   1280px ),
+               medium:   ( 737px,   980px  ),
+               small:    ( 481px,   736px  ),
+               xsmall:   ( 361px,   480px  ),
+               xxsmall:  ( null,    360px  ),
+               xlarge-to-max:    '(min-width: 1681px)',
+               small-to-xlarge:  '(min-width: 481px) and (max-width: 1680px)'
        ));
 
-// Mixins.
-
-       @mixin color($p) {
-               @include color-typography($p);
-               @include color-box($p);
-               @include color-button($p);
-               @include color-form($p);
-               @include color-list($p);
-               @include color-section($p);
-               @include color-table($p);
-               @include color-pagination($p);
-       }
-
 // Base.
 
        @import 'base/reset';
@@ -48,25 +35,29 @@
 // Component.
 
        @import 'components/row';
-       @import 'components/box';
-       @import 'components/button';
+       @import 'components/section';
        @import 'components/form';
+       @import 'components/box';
        @import 'components/icon';
        @import 'components/image';
+       @import 'components/list';
        @import 'components/actions';
        @import 'components/icons';
-       @import 'components/list';
-       @import 'components/section';
-       @import 'components/table';
+       @import 'components/contact';
        @import 'components/pagination';
+       @import 'components/table';
+       @import 'components/button';
+       @import 'components/mini-posts';
+       @import 'components/features';
+       @import 'components/posts';
 
 // Layout.
 
        @import 'layout/wrapper';
-       @import 'layout/intro';
-       @import 'layout/header';
-       @import 'layout/nav';
        @import 'layout/main';
+       @import 'layout/sidebar';
+       @import 'layout/header';
+       @import 'layout/banner';
        @import 'layout/footer';
-       @import 'layout/navPanel';
+    @import 'layout/menu';
     @import 'layout/ghost';