Merge branch 'node-ts-dev' into node-ts-master

Author: CKGrafico

.sass-lint.yml

@@ -0,0 +1,43 @@
+{
+  "processors": ["stylelint-processor-html"],
+  "extends": "stylelint-config-standard",
+  "plugins": [
+    "stylelint-order",
+    "stylelint-scss"
+  ],
+  "rules": {
+    "order/properties-alphabetical-order": true,
+    "at-rule-no-unknown": null,
+    "font-family-no-missing-generic-family-keyword": null,
+    "no-missing-end-of-source-newline": null,
+    "no-empty-source": null,
+    "shorthand-property-no-redundant-values": null,
+    "block-no-empty": null,
+    "indentation": 2,
+    "string-quotes": "single",
+    "no-duplicate-selectors": true,
+    "color-hex-case": "upper",
+    "color-hex-length": "long",
+    "color-named": "never",
+    "selector-no-qualifying-type": true,
+    "selector-combinator-space-after": "always",
+    "selector-attribute-quotes": "always",
+    "selector-attribute-operator-space-before": "never",
+    "declaration-block-trailing-semicolon": "always",
+    "declaration-colon-space-before": "never",
+    "declaration-colon-space-after": "always",
+    "property-no-vendor-prefix": true,
+    "value-no-vendor-prefix": true,
+    "number-leading-zero": "never",
+    "font-weight-notation": "numeric",
+    "at-rule-no-vendor-prefix": true,
+    "selector-pseudo-element-colon-notation": "single",
+    "selector-no-vendor-prefix": true,
+    "media-feature-range-operator-space-before": "always",
+    "media-feature-range-operator-space-after": "always",
+    "media-feature-parentheses-space-inside": "never",
+    "media-feature-name-no-vendor-prefix": true,
+    "media-feature-colon-space-before": "never",
+    "media-feature-colon-space-after": "always"
+  }
+}

.stylelintrc

@@ -7,7 +7,6 @@
         "indent": [true,
             "spaces"
         ],
-        "linebreak-style": [true, "CRLF"],
         "one-line": [true,
             "check-open-brace",
             "check-whitespace"

.ts-lint.json

@@ -79,9 +79,6 @@ To run the tasks we have these three commands:
 - Running tasks on development mode:
 > npm run dev
 
-- Running tasks on local mode:
-> npm run local
-
 - Running tasks on watch mode and serve the app:
 > npm start
 

README.md

@@ -1,8 +1,9 @@
 // Base Helpers
-@import 'base/fonts';
-@import 'base/icons';
-@import 'base/states';
-@import 'base/utilities';
+@import
+  'base/fonts',
+  'base/icons',
+  'base/states',
+  'base/utilities';
 
 // Base Files
 @import 'base/globals';

app/client/scss/app.scss

@@ -4,15 +4,11 @@
 // Fonts
 @include font-include(OpenSans, Bold, $font-weight-bold, normal);
 @include font-include(OpenSans, BoldItalic, $font-weight-bold, italic);
-
 @include font-include(OpenSans, ExtraBold, $font-weight-black, normal);
 @include font-include(OpenSans, ExtraBoldItalic, $font-weight-black, italic);
-
 @include font-include(OpenSans, Regular, $font-weight-normal, normal);
 @include font-include(OpenSans, Italic, $font-weight-normal, italic);
-
 @include font-include(OpenSans, Light, $font-weight-light, normal);
 @include font-include(OpenSans, LightItalic, $font-weight-light, italic);
-
 @include font-include(OpenSans, SemiBold, $font-weight-semibold, normal);
 @include font-include(OpenSans, SemiBoldItalic, $font-weight-semibold, italic);

app/client/scss/base/_fonts.scss

@@ -2,18 +2,18 @@
 
 html,
 body {
-    $font-size: 16px;
-    background: $color-background-bright;
-    font-family: quando;
-    font-size: $font-size;
-    height: 100%;
-    width: 100%;
+  $font-size: 16px;
 
-    @media screen and (max-width: $media-screen-m) {
-        font-size: $font-size * .8;
-    }
+  background: $color-background-bright;
+  font-size: $font-size;
+  height: 100%;
+  width: 100%;
 
-    @media screen and (max-width: $media-screen-s) {
-        font-size: $font-size * .65;
-    }
+  @media screen and (max-width: $media-screen-m) {
+    font-size: $font-size * .8;
+  }
+
+  @media screen and (max-width: $media-screen-s) {
+    font-size: $font-size * .65;
+  }
 }

app/client/scss/base/_globals.scss

@@ -1,7 +1,7 @@
 @import 'mixins/icomoon';
 
 $icons: (
-    ck-play: 'e900'
+  ck-play: 'e900'
 );
 
 @include icomoon-generate($icons);

app/client/scss/base/_icons.scss

@@ -2,13 +2,13 @@
 @import 'mixins/medias';
 
 .is {
-    &-hidden {
-        display: none;
-    }
+  &-hidden {
+    display: none;
+  }
 
-    &-disabled {
-        @include medias {
-            opacity: .5;
-        }
+  &-disabled {
+    @include medias {
+      opacity: .5;
     }
+  }
 }

app/client/scss/base/_states.scss

@@ -5,55 +5,41 @@
 @include generate-offsets(padding, p, 100);
 
 .u {
-    &-align {
-        &-center {
-            text-align: center;
-        }
-
-        &-left {
-            text-align: left;
-        }
-
-        &-right {
-            text-align: right;
-        }
-    }
-
+  &-align {
     &-center {
-        &-vertical {
-            display: block;
-            position: absolute;
-            top: 50%;
-            transform: translateY(-50%);
-        }
-
-        &-horizontal {
-            display: block;
-            left: 50%;
-            position: absolute;
-            transform: translateX(-50%);
-        }
+      text-align: center;
+    }
 
-        &-both {
-            display: block;
-            left: 50%;
-            position: absolute;
-            top: 50%;
-            transform: translate(-50%, -50%);
-        }
+    &-left {
+      text-align: left;
     }
 
-    &-display {
-        &-block {
-            display: block;
-        }
+    &-right {
+      text-align: right;
+    }
+  }
+
+  &-center {
+    &-vertical {
+      display: block;
+      position: absolute;
+      top: 50%;
+      transform: translateY(-50%);
+    }
 
-        &-inline {
-            display: inline;
-        }
+    &-horizontal {
+      display: block;
+      left: 50%;
+      position: absolute;
+      transform: translateX(-50%);
+    }
 
-        &-inlineblock {
-            display: inline-block;
-        }
+    &-both {
+      display: block;
+      left: 50%;
+      position: absolute;
+      top: 50%;
+      transform: translate(-50%, -50%);
     }
+  }
 }