Merge pull request #7 from ZBoxApp/travis

Add travis CI

.travis.yml

+language: node_js
+node_js:
+  - 5.9.0
+sudo: required
+before_install:
+  - sudo apt-get -qq update
+  - sudo apt-get install -y ruby-full
+script: make test

Makefile

 .PHONY: build install test run run-fullmap clean stop nuke
 
-test:
-	@echo Checking for style guide compliance
+test: | install
+	@echo Checking for SCSS style guide compliance
+
+	@scss-lint ./src/sass/**/*.scss
+
+	@echo Checking for JS style guide compliance
 
 	@npm run check
 
 install: package.json
+	@echo Getting scss-lint using gem
+
+	@gem install scss_lint
+
 	@echo Getting dependencies using npm
 
 	@npm install

package.json

@@ -43,7 +43,7 @@
     "sass-loader": "3.2.0",
     "style-loader": "0.13.0",
     "url-loader": "0.5.7",
-    "webpack": "webpack/webpack#master"
+    "webpack": "^1.12.15"
   },
   "scripts": {
     "check": "eslint --ext \".jsx\" --ignore-pattern node_modules --quiet .",

src/sass/base/_module.scss

-// Only for combining all the files in this folder
-@import 'typography';
-@import 'structure';

src/sass/base/_structure.scss

-@charset 'UTF-8';
-
-html,
-body {
-    height: 100%;
-}
-
-body {
-    background: $bg--gray;
-    height: 100%;
-    position: relative;
-    width: 100%;
-}
-
-.sticky {
-    background: $white;
-
-    > .container-fluid {
-        overflow: auto;
-    }
-
-    .inner-wrap {
-        > .row {
-            &.content {
-                margin-bottom: -89px;
-                min-height: 100%;
-            }
-        }
-    }
-}
-
-.inner-wrap {
-    height: 100%;
-
-    > .row {
-        &.main {
-            height: 100%;
-            position: relative;
-        }
-    }
-}
-
-.container-fluid {
-    @include legacy-pie-clearfix;
-    height: 100%;
-    position: relative;
-}
-
-.channel-view {
-    @include clearfix;
-    height: 100%;
-    position: relative;
-}
-
-img {
-    max-width: 100%;
-
-    &.rounded {
-        @include border-radius(100%);
-    }
-}

src/sass/base/_typography.scss

-@charset 'UTF-8';
-
-b,
-strong {
-    font-weight: 600;
-}
-
-a {
-    color: $primary-color;
-    cursor: pointer;
-    text-decoration: none;
-    word-break: break-word;
-
-    &:focus,
-    &:hover {
-        color: $primary-color--hover;
-    }
-}
-
-body {
-    @include font-smoothing;
-    font-family: 'Open Sans', sans-serif;
-}
-
-.word-break--all {
-    word-break: break-all;
-}

src/sass/styles.scss

@@ -11,4 +11,3 @@
 
 // styles.scss
 @import 'utils/module';
-@import 'base/module';

src/sass/utils/_animations.scss

-@charset 'UTF-8';
-
-@keyframes spin {
-    from {
-        transform: scale(1) rotate(0deg);
-    }
-
-    to {
-        transform: scale(1) rotate(360deg);
-    }
-}
-
-@keyframes highlight {
-    from {
-        @include alpha-property(background, $yellow, .5);
-    }
-
-    to {
-        background: none;
-    }
-}

src/sass/utils/_functions.scss

-@charset "UTF-8";
-
-@function em($pixels, $context: 14px) {
-	@return #{$pixels/$context}em
-}
-
-@function alpha-color($color, $amount) {
-    @return rgba($color, $amount)
-}
-
-%popover-box-shadow {
-    @include box-shadow(rgba(black, .175) 1px -3px 12px);
-}
-
-%font-awesome {
-    display: inline-block;
-    font: normal normal normal 14px/1 FontAwesome;
-    font-size: inherit;
-    text-rendering: auto;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    transform: translate(0, 0);
-}
+@charset 'UTF-8';
\ No newline at end of file

src/sass/utils/_mixins.scss

 @charset 'UTF-8';
-
-@mixin file-icon($path) {
-    @include background-size(60px auto);
-    background-color: $white;
-    background-image: url($path);
-    background-position: center;
-    background-repeat: no-repeat;
-}
-
-@mixin alpha-property($property, $color, $opacity) {
-    #{$property}: rgba($color, $opacity);
-}
-
-@mixin font-smoothing($value: antialiased) {
-    @if $value == antialiased {
-        -webkit-font-smoothing: antialiased;
-        -moz-osx-font-smoothing: grayscale;
-    }
-    @else {
-        -webkit-font-smoothing: subpixel-antialiased;
-        -moz-osx-font-smoothing: auto;
-    }
-}
-
-@mixin cursor($value) {
-    cursor: -webkit-$value;
-    cursor: zoom-$value;
-}
\ No newline at end of file

src/sass/utils/_module.scss

@@ -2,4 +2,3 @@
 @import 'variables';
 @import 'functions';
 @import 'mixins';
-@import 'animations';

src/sass/utils/_variables.scss

 @charset 'UTF-8';
-
-// Color Variables
-$primary-color: rgb(35, 137, 215);
-$primary-color--hover: darken($primary-color, 10%);
-$bg--gray: rgb(245, 245, 245);
-$white: rgb(255, 255, 255);
-$black: rgb(0, 0, 0);
-$red: rgb(229, 101, 101);
-$yellow: rgb(255, 255, 0);
-$light-gray: rgba(0, 0, 0, .15);
-$gray: rgba(0, 0, 0, .3);
-$dark-gray: rgba(0, 0, 0, .5);
-
-// Page Variables
-$border-gray: 1px solid #ddd;
-
-// Random variables
-$border-rad: 1px;