adds stylelint config settings (#590)

angular · Jun 8, 2016 · 4bee178 · 4bee178
1 parent 89ab2f5
commit 4bee178
Show file tree

Hide file tree

Showing 33 changed files with 230 additions and 176 deletions.
diff --git a/src/components/button-toggle/button-toggle.scss b/src/components/button-toggle/button-toggle.scss
@@ -1,7 +1,7 @@
-@import "elevation";
-@import "default-theme";
-@import "palette";
-@import "mixins";
+@import 'elevation';
+@import 'default-theme';
+@import 'palette';
+@import 'mixins';
 
 $md-button-toggle-padding: 0 16px !default;
 $md-button-toggle-line-height: 36px !default;

diff --git a/src/components/button/_button-base.scss b/src/components/button/_button-base.scss
@@ -1,10 +1,10 @@
 
-@import "variables";
-@import "elevation";
+@import 'variables';
+@import 'elevation';
 
 // TODO(jelbourn): This goes away.
-@import "default-theme";
-@import "button-theme";
+@import 'default-theme';
+@import 'button-theme';
 
 // Flat and raised button standards
 $md-button-padding: 0 16px !default;

diff --git a/src/components/button/button.scss b/src/components/button/button.scss
@@ -1,7 +1,7 @@
 // TODO(jelbourn): Measure perf benefits for translate3d and will-change.
 // TODO(jelbourn): Figure out if anchor hover underline actually happens in any browser.
 
-@import "button-base";
+@import 'button-base';
 
 // TODO(kara): Replace attribute selectors with class selectors when possible
 [md-button] {
@@ -23,7 +23,7 @@
 }
 
 [md-mini-fab] {
-  @include md-fab($md-mini-fab-size, $md-mini-fab-padding)
+  @include md-fab($md-mini-fab-size, $md-mini-fab-padding);
 }
 
 [md-icon-button] {

diff --git a/src/components/card/card.scss b/src/components/card/card.scss
@@ -1,7 +1,7 @@
 
-@import "variables";
-@import "elevation";
-@import "default-theme";   // TODO: Remove this
+@import 'variables';
+@import 'elevation';
+@import 'default-theme';   // TODO: Remove this
 
 $md-card-default-padding: 24px !default;
 $md-card-mobile-padding: 24px 16px !default;
@@ -215,7 +215,7 @@ md-card-header md-card-subtitle:not(:first-child) {
 
 // xl image should always have 16px on top.
 // when it's the first el, it'll need to remove 8px from default card padding of 24px
-.md-card > [md-card-xl-image]:first-child{
+.md-card > [md-card-xl-image]:first-child {
   margin-top: -8px;
 }
 

diff --git a/src/components/checkbox/checkbox.scss b/src/components/checkbox/checkbox.scss
@@ -1,7 +1,7 @@
-@import "default-theme";
-@import "theme-functions";
-@import "variables";
-@import "mixins";
+@import 'default-theme';
+@import 'theme-functions';
+@import 'variables';
+@import 'mixins';
 
 /** The width/height of the checkbox element. */
 $md-checkbox-size: $md-toggle-size !default;
@@ -240,7 +240,7 @@ md-checkbox {
   white-space: nowrap;
   width: $md-checkbox-size;
 
-  [dir="rtl"] & {
+  [dir='rtl'] & {
     margin: {
       left: $md-checkbox-item-spacing;
       right: auto;
@@ -265,7 +265,7 @@ md-checkbox {
 .md-checkbox-background {
   @extend %md-checkbox-outer-box;
 
-  align-items: center;    
+  align-items: center;
   display: inline-flex;
   justify-content: center;
   transition: background-color $md-checkbox-transition-duration
@@ -310,7 +310,7 @@ md-checkbox {
       right: auto;
     }
 
-    [dir="rtl"] & {
+    [dir='rtl'] & {
       margin: {
         left: auto;
         right: $md-checkbox-item-spacing;
@@ -331,7 +331,7 @@ md-checkbox {
   .md-checkbox-mixedmark {
     transform: scaleX(1) rotate(-45deg);
   }
-  
+
   .md-checkbox-background {
     background-color: $md-checkbox-background-color;
   }
@@ -360,7 +360,7 @@ md-checkbox {
 
 .md-checkbox-unchecked {
   .md-checkbox-background {
-    background-color: transparent; 
+    background-color: transparent;
   }
 }
 
@@ -394,72 +394,72 @@ md-checkbox {
 
   &-unchecked-checked {
     .md-checkbox-background {
-      animation: $md-checkbox-transition-duration * 2 linear 0s md-checkbox-fade-in-background;
+      animation: $md-checkbox-transition-duration * 2 linear 0ms md-checkbox-fade-in-background;
     }
 
     .md-checkbox-checkmark-path {
       // Instead of delaying the animation, we simply multiply its length by 2 and begin the
       // animation at 50% in order to prevent a flash of styles applied to a checked checkmark
       // as the background is fading in before the animation begins.
       animation:
-        $md-checkbox-transition-duration * 2 linear 0s md-checkbox-unchecked-checked-checkmark-path;
+        $md-checkbox-transition-duration * 2 linear 0ms md-checkbox-unchecked-checked-checkmark-path;
     }
   }
 
   &-unchecked-indeterminate {
     .md-checkbox-background {
-      animation: $md-checkbox-transition-duration * 2 linear 0s md-checkbox-fade-in-background;
+      animation: $md-checkbox-transition-duration * 2 linear 0ms md-checkbox-fade-in-background;
     }
 
     .md-checkbox-mixedmark {
       animation:
-        $md-checkbox-transition-duration linear 0s md-checkbox-unchecked-indeterminate-mixedmark;
+        $md-checkbox-transition-duration linear 0ms md-checkbox-unchecked-indeterminate-mixedmark;
     }
   }
 
   &-checked-unchecked {
     .md-checkbox-background {
-      animation: $md-checkbox-transition-duration * 2 linear 0s md-checkbox-fade-out-background;
+      animation: $md-checkbox-transition-duration * 2 linear 0ms md-checkbox-fade-out-background;
     }
 
     .md-checkbox-checkmark-path {
       animation:
-        $md-checkbox-transition-duration linear 0s md-checkbox-checked-unchecked-checkmark-path;
+        $md-checkbox-transition-duration linear 0ms md-checkbox-checked-unchecked-checkmark-path;
     }
   }
 
   &-checked-indeterminate {
     .md-checkbox-checkmark {
       animation:
-        $md-checkbox-transition-duration linear 0s md-checkbox-checked-indeterminate-checkmark;
+        $md-checkbox-transition-duration linear 0ms md-checkbox-checked-indeterminate-checkmark;
     }
 
     .md-checkbox-mixedmark {
       animation:
-        $md-checkbox-transition-duration linear 0s md-checkbox-checked-indeterminate-mixedmark;
+        $md-checkbox-transition-duration linear 0ms md-checkbox-checked-indeterminate-mixedmark;
     }
   }
 
   &-indeterminate-checked {
     .md-checkbox-checkmark {
       animation:
-        $indeterminate-change-duration linear 0s md-checkbox-indeterminate-checked-checkmark;
+        $indeterminate-change-duration linear 0ms md-checkbox-indeterminate-checked-checkmark;
     }
 
     .md-checkbox-mixedmark {
       animation:
-        $indeterminate-change-duration linear 0s md-checkbox-indeterminate-checked-mixedmark;
+        $indeterminate-change-duration linear 0ms md-checkbox-indeterminate-checked-mixedmark;
     }
   }
 
   &-indeterminate-unchecked {
     .md-checkbox-background {
-      animation: $md-checkbox-transition-duration * 2 linear 0s md-checkbox-fade-out-background;
+      animation: $md-checkbox-transition-duration * 2 linear 0ms md-checkbox-fade-out-background;
     }
 
     .md-checkbox-mixedmark {
       animation:
-        $indeterminate-change-duration * 0.6 linear 0s
+        $indeterminate-change-duration * 0.6 linear 0ms
         md-checkbox-indeterminate-unchecked-mixedmark;
     }
   }

diff --git a/src/components/grid-list/grid-list.scss b/src/components/grid-list/grid-list.scss
@@ -1,4 +1,4 @@
-@import "list-shared";
+@import 'list-shared';
 
 /* height of tile header or footer if it has one line */
 $md-grid-list-one-line-height: 48px;

diff --git a/src/components/icon/icon.scss b/src/components/icon/icon.scss
@@ -1,5 +1,5 @@
-@import "variables";
-@import "default-theme";
+@import 'variables';
+@import 'default-theme';
 
 /** The width/height of the icon element. */
 $md-icon-size: 24px !default;

diff --git a/src/components/input/input.scss b/src/components/input/input.scss
@@ -17,9 +17,9 @@ $md-input-underline-focused-color: md-color($md-primary);
 
 // Gradient for showing the dashed line when the input is disabled.
 $md-input-underline-disabled-background-image: linear-gradient(to right,
-        rgba(0,0,0,0.26) 0%, rgba(0,0,0,0.26) 33%, transparent 0%);
+        rgba(0, 0, 0, 0.26) 0%, rgba(0, 0, 0, 0.26) 33%, transparent 0%);
 
-/** 
+/**
  * Undo the red box-shadow glow added by Firefox on invalid inputs.
  * See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-ui-invalid
  */
@@ -214,7 +214,7 @@ $md-input-underline-disabled-background-image: linear-gradient(to right,
 
 
 // RTL support.
-:host-context([dir="rtl"]) {
+:host-context([dir='rtl']) {
   text-align: right;
 
   .md-input-placeholder {

diff --git a/src/components/list/list.scss b/src/components/list/list.scss
@@ -1,6 +1,6 @@
-@import "variables";
-@import "default-theme";
-@import "list-shared";
+@import 'variables';
+@import 'default-theme';
+@import 'list-shared';
 
 $md-list-side-padding: 16px;
 $md-list-avatar-size: 40px;
@@ -99,7 +99,7 @@ based on whether the list is in dense mode.
   }
 }
 
-md-list, md-nav-list  {
+md-list, md-nav-list {
   padding-top: $md-list-top-padding;
   display: block;