build: consistent line breaks for css files

package.json

@@ -127,7 +127,7 @@
     "scss-bundle": "^2.0.1-beta.7",
     "selenium-webdriver": "^3.6.0",
     "sorcery": "^0.10.0",
-    "stylelint": "^8.4.0",
+    "stylelint": "^9.5.0",
     "ts-node": "^3.0.4",
     "tsconfig-paths": "^2.3.0",
     "tslint": "^5.11.0",

src/demo-app/a11y/select/select-a11y.scss

@@ -1,3 +1,3 @@
-.demo-select-a11y-spacer {
-  margin-bottom: 10px;
-}
+.demo-select-a11y-spacer {
+  margin-bottom: 10px;
+}

src/demo-app/bottom-sheet/bottom-sheet-demo.scss

@@ -1,8 +1,8 @@
-.demo-dialog-card {
-  max-width: 405px;
-  margin: 20px 0;
-}
-
-.mat-raised-button {
-  margin-right: 5px;
-}
+.demo-dialog-card {
+  max-width: 405px;
+  margin: 20px 0;
+}
+
+.mat-raised-button {
+  margin-right: 5px;
+}

src/demo-app/drag-drop/drag-drop-demo.scss

@@ -1,99 +1,99 @@
-.list {
-  width: 500px;
-  max-width: 100%;
-  margin-bottom: 25px;
-  display: inline-block;
-  margin-right: 25px;
-  vertical-align: top;
-
-  [dir='rtl'] & {
-    margin-right: 0;
-    margin-left: 25px;
-  }
-
-  &.horizontal {
-    width: 1000px;
-    margin-right: 0;
-    margin-left: 0;
-  }
-}
-
-.cdk-drop {
-  border: solid 1px #ccc;
-  min-height: 60px;
-  display: block;
-
-  .horizontal & {
-    display: flex;
-    flex-direction: row;
-  }
-}
-
-.cdk-drag {
-  padding: 20px 10px;
-  border-bottom: solid 1px #ccc;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  box-sizing: border-box;
-
-  .cdk-drop-dragging &:not(.cdk-drag-placeholder) {
-    transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
-  }
-
-  .horizontal & {
-    border: none;
-    border-right: solid 1px #ccc;
-    flex-grow: 1;
-    flex-basis: 0;
-
-    [dir='rtl'] & {
-      border-right: none;
-      border-left: solid 1px #ccc;
-    }
-  }
-
-  .cdk-drop &:last-child {
-    border: none;
-  }
-}
-
-.cdk-drag-preview {
-  box-sizing: border-box;
-  opacity: 0.5;
-}
-
-.cdk-drag-animating {
-  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
-}
-
-.cdk-drag-placeholder {
-  opacity: 0;
-}
-
-.wrapper {
-  border: solid 1px red;
-}
-
-.cdk-drag-handle {
-  cursor: move;
-
-  svg {
-    fill: rgba(0, 0, 0, 0.5);
-  }
-}
-
-pre {
-  white-space: normal;
-}
-
-.free-draggable {
-  width: 200px;
-  height: 200px;
-  border: solid 1px #ccc;
-  cursor: move;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
+.list {
+  width: 500px;
+  max-width: 100%;
+  margin-bottom: 25px;
+  display: inline-block;
+  margin-right: 25px;
+  vertical-align: top;
+
+  [dir='rtl'] & {
+    margin-right: 0;
+    margin-left: 25px;
+  }
+
+  &.horizontal {
+    width: 1000px;
+    margin-right: 0;
+    margin-left: 0;
+  }
+}
+
+.cdk-drop {
+  border: solid 1px #ccc;
+  min-height: 60px;
+  display: block;
+
+  .horizontal & {
+    display: flex;
+    flex-direction: row;
+  }
+}
+
+.cdk-drag {
+  padding: 20px 10px;
+  border-bottom: solid 1px #ccc;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+
+  .cdk-drop-dragging &:not(.cdk-drag-placeholder) {
+    transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
+  }
+
+  .horizontal & {
+    border: none;
+    border-right: solid 1px #ccc;
+    flex-grow: 1;
+    flex-basis: 0;
+
+    [dir='rtl'] & {
+      border-right: none;
+      border-left: solid 1px #ccc;
+    }
+  }
+
+  .cdk-drop &:last-child {
+    border: none;
+  }
+}
+
+.cdk-drag-preview {
+  box-sizing: border-box;
+  opacity: 0.5;
+}
+
+.cdk-drag-animating {
+  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.cdk-drag-placeholder {
+  opacity: 0;
+}
+
+.wrapper {
+  border: solid 1px red;
+}
+
+.cdk-drag-handle {
+  cursor: move;
+
+  svg {
+    fill: rgba(0, 0, 0, 0.5);
+  }
+}
+
+pre {
+  white-space: normal;
+}
+
+.free-draggable {
+  width: 200px;
+  height: 200px;
+  border: solid 1px #ccc;
+  cursor: move;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}

src/lib/datepicker/datepicker-toggle.scss

@@ -1,23 +1,23 @@
-.mat-form-field-appearance-legacy {
-  .mat-form-field-prefix,
-  .mat-form-field-suffix {
-    .mat-datepicker-toggle-default-icon {
-      width: 1em;
-    }
-  }
-}
-
-.mat-form-field:not(.mat-form-field-appearance-legacy) {
-  .mat-form-field-prefix,
-  .mat-form-field-suffix {
-    .mat-datepicker-toggle-default-icon {
-      display: block;
-      width: 1.5em;
-      height: 1.5em;
-    }
-
-    .mat-icon-button .mat-datepicker-toggle-default-icon {
-      margin: auto;
-    }
-  }
-}
+.mat-form-field-appearance-legacy {
+  .mat-form-field-prefix,
+  .mat-form-field-suffix {
+    .mat-datepicker-toggle-default-icon {
+      width: 1em;
+    }
+  }
+}
+
+.mat-form-field:not(.mat-form-field-appearance-legacy) {
+  .mat-form-field-prefix,
+  .mat-form-field-suffix {
+    .mat-datepicker-toggle-default-icon {
+      display: block;
+      width: 1.5em;
+      height: 1.5em;
+    }
+
+    .mat-icon-button .mat-datepicker-toggle-default-icon {
+      margin: auto;
+    }
+  }
+}

src/lib/form-field/_form-field-legacy-theme.scss

@@ -142,7 +142,7 @@ $mat-form-field-legacy-dedupe: 0;
     }
   }
 
-  // translateZ causes the label to not appear while printing, so we override it to not 
+  // translateZ causes the label to not appear while printing, so we override it to not
   // apply translateZ while printing
   @media print {
     .mat-form-field-appearance-legacy {

src/material-examples/cdk-drag-drop-root-element/cdk-drag-drop-root-element-example.css

@@ -1,22 +1,22 @@
-.dialog-content {
-  width: 200px;
-  height: 200px;
-  border: solid 1px #ccc;
-  color: rgba(0, 0, 0, 0.87);
-  cursor: move;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background: #fff;
-  border-radius: 4px;
-  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1);
-  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2),
-              0 2px 2px 0 rgba(0, 0, 0, 0.14),
-              0 1px 5px 0 rgba(0, 0, 0, 0.12);
-}
-
-.dialog-content:active {
-  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
-              0 8px 10px 1px rgba(0, 0, 0, 0.14),
-              0 3px 14px 2px rgba(0, 0, 0, 0.12);
-}
+.dialog-content {
+  width: 200px;
+  height: 200px;
+  border: solid 1px #ccc;
+  color: rgba(0, 0, 0, 0.87);
+  cursor: move;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: #fff;
+  border-radius: 4px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2),
+              0 2px 2px 0 rgba(0, 0, 0, 0.14),
+              0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+
+.dialog-content:active {
+  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
+              0 8px 10px 1px rgba(0, 0, 0, 0.14),
+              0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}

stylelint-config.json

@@ -84,6 +84,7 @@
     "selector-max-id": 0,
     "no-missing-end-of-source-newline": true,
     "no-eol-whitespace": true,
-    "max-line-length": 100
+    "max-line-length": 100,
+    "linebreaks": "unix"
   }
 }