use prettier for css linting

corevo · corevo · commit 308eb5f30eaf · 2018-11-05T10:12:47.000+02:00
diff --git a/.stylelintrc.js b/.stylelintrc.js
@@ -1,5 +1,6 @@
 module.exports = {
-  "extends": "stylelint-config-standard",
-  "rules": {
-  }
-};
+  plugins: ['stylelint-prettier'],
+  rules: {
+    'prettier/prettier': true,
+  },
+}
diff --git a/package.json b/package.json
@@ -38,7 +38,6 @@
     "babel-eslint": "^10.0.1",
     "babel-jest": "^23.6.0",
     "eslint": "^5.8.0",
-    "eslint-plugin-class-property": "^1.1.0",
     "eslint-plugin-jest": "^21.27.1",
     "eslint-plugin-prettier": "^3.0.0",
     "eslint-plugin-react": "^7.11.1",
@@ -47,7 +46,7 @@
     "lerna": "^3.4.3",
     "prettier": "^1.14.3",
     "stylelint": "^9.7.1",
-    "stylelint-config-standard": "^18.2.0",
+    "stylelint-prettier": "^1.0.3",
     "web-ext": "^2.4.0"
   }
 }
diff --git a/packages/selenium-ide/src/neo/components/ActionButtons/Record/style.css b/packages/selenium-ide/src/neo/components/ActionButtons/Record/style.css
@@ -18,9 +18,11 @@
   height: 8px;
   display: block;
   margin: auto;
-  content: "";
+  content: '';
 }
 
 @keyframes fadeIn {
-  from { opacity: 0.3; }
+  from {
+    opacity: 0.3;
+  }
 }
diff --git a/packages/selenium-ide/src/neo/components/ActionButtons/SpeedGauge/style.css b/packages/selenium-ide/src/neo/components/ActionButtons/SpeedGauge/style.css
@@ -1,11 +1,11 @@
-.btn-action[class*="si-gauge-"] {
+.btn-action[class*='si-gauge-'] {
   position: relative;
   width: 40px;
   text-align: left;
   padding-left: 4px;
 }
 
-.btn-action[class*="si-gauge-"] i {
+.btn-action[class*='si-gauge-'] i {
   transform: rotate(90deg);
   position: absolute;
   font-size: 8px;
diff --git a/packages/selenium-ide/src/neo/components/Checkbox/style.css b/packages/selenium-ide/src/neo/components/Checkbox/style.css
@@ -1,15 +1,15 @@
-input[type="checkbox"].checkbox {
+input[type='checkbox'].checkbox {
   position: absolute;
   opacity: 0;
 }
 
-input[type="checkbox"].checkbox + label {
+input[type='checkbox'].checkbox + label {
   display: block;
   cursor: pointer;
   padding: 5px 0;
 }
 
-input[type="checkbox"].checkbox + label span {
+input[type='checkbox'].checkbox + label span {
   display: inline-block;
   background-color: #fff;
   color: #40a6ff;
@@ -24,22 +24,23 @@ input[type="checkbox"].checkbox + label span {
   border: 1px solid #dcdcdc;
   border-radius: 3px;
   box-shadow: inset 0 0 1px 1px transparent;
-  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-input[type="checkbox"].checkbox:disabled + label span {
+input[type='checkbox'].checkbox:disabled + label span {
   color: rgba(128, 128, 128, 0.6);
   background-color: whitesmoke;
   border-color: whitesmoke;
   cursor: not-allowed;
 }
 
-input[type="checkbox"].checkbox:not(:disabled) + label:active span {
+input[type='checkbox'].checkbox:not(:disabled) + label:active span {
   background-color: #fdfdfd;
   box-shadow: inset 0 0 1px 1px #ececec;
 }
 
-input[type="checkbox"].checkbox + label > div {
+input[type='checkbox'].checkbox + label > div {
   display: inline-block;
   width: 85px;
 }
diff --git a/packages/selenium-ide/src/neo/components/CommandForm/style.css b/packages/selenium-ide/src/neo/components/CommandForm/style.css
@@ -46,7 +46,7 @@
   height: 19px;
 }
 
-.command-form input[type="submit"] {
+.command-form input[type='submit'] {
   position: absolute;
   width: 0;
   height: 0;
diff --git a/packages/selenium-ide/src/neo/components/Dialogs/Rename/style.css b/packages/selenium-ide/src/neo/components/Dialogs/Rename/style.css
@@ -1,5 +1,5 @@
 .rename-dialog .message::before {
-  content: "*";
+  content: '*';
 }
 
 .rename-dialog .more-icon {
diff --git a/packages/selenium-ide/src/neo/components/FlatButton/style.css b/packages/selenium-ide/src/neo/components/FlatButton/style.css
@@ -8,7 +8,8 @@
   outline: 0;
   text-transform: capitalize;
   box-shadow: inset -1px 1px 1px 0 transparent;
-  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
 .btn:hover {
diff --git a/packages/selenium-ide/src/neo/components/ImportDialog/style.css b/packages/selenium-ide/src/neo/components/ImportDialog/style.css
@@ -52,7 +52,7 @@
 }
 
 .import-dialog ul li::before {
-  content: "✓";
+  content: '✓';
   text-align: center;
   line-height: 14px;
   font-size: 14px;
diff --git a/packages/selenium-ide/src/neo/components/Menu/style.css b/packages/selenium-ide/src/neo/components/Menu/style.css
@@ -9,7 +9,8 @@
   padding: 10px 0;
   opacity: 1;
   transform: scale(1, 1);
-  transition: opacity 287ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 191ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: opacity 287ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+    transform 191ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
 .menu.content.closed {
diff --git a/packages/selenium-ide/src/neo/components/Modal/style.css b/packages/selenium-ide/src/neo/components/Modal/style.css
@@ -17,7 +17,8 @@
   padding: 20px;
   opacity: 0;
   transform: scale(0, 0);
-  transition: opacity 287ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 191ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: opacity 287ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+    transform 191ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
 .modal.stripped {
diff --git a/packages/selenium-ide/src/neo/components/ProjectHeader/style.css b/packages/selenium-ide/src/neo/components/ProjectHeader/style.css
@@ -51,11 +51,11 @@
 }
 
 .header.changed .title::after {
-  content: "*";
+  content: '*';
 }
 
 .header .title:focus::after {
-  content: " ";
+  content: ' ';
 }
 
 .header .buttons {
diff --git a/packages/selenium-ide/src/neo/components/TabBar/style.css b/packages/selenium-ide/src/neo/components/TabBar/style.css
@@ -36,7 +36,7 @@
 }
 
 .tabbar .unread::after {
-  content: "";
+  content: '';
   display: inline-block;
   height: 5px;
   width: 5px;
diff --git a/packages/selenium-ide/src/neo/components/Test/style.css b/packages/selenium-ide/src/neo/components/Test/style.css
@@ -67,5 +67,5 @@
 }
 
 .test.changed .name > span::after {
-  content: "*";
+  content: '*';
 }
diff --git a/packages/selenium-ide/src/neo/components/TestTable/style.css b/packages/selenium-ide/src/neo/components/TestTable/style.css
@@ -34,7 +34,7 @@
 }
 
 .test-table th:not(:last-child)::after {
-  content: "";
+  content: '';
   height: 10px;
   width: 1px;
   background-color: #cecece;
diff --git a/packages/selenium-ide/src/neo/components/Tooltip/style.css b/packages/selenium-ide/src/neo/components/Tooltip/style.css
@@ -7,7 +7,8 @@
   margin-top: 5px !important;
   opacity: 0 !important;
   visibility: initial !important;
-  transition: opacity 287ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 191ms cubic-bezier(0.4, 0, 0.2, 1) 0ms !important;
+  transition: opacity 287ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+    transform 191ms cubic-bezier(0.4, 0, 0.2, 1) 0ms !important;
 }
 
 .se-tooltip.show {
@@ -35,7 +36,8 @@
   font-size: 14px;
   line-height: 1.2;
   transform: scale(0, 0);
-  transition: opacity 287ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 191ms cubic-bezier(0.4, 0, 0.2, 1) 0ms !important;
+  transition: opacity 287ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+    transform 191ms cubic-bezier(0.4, 0, 0.2, 1) 0ms !important;
 }
 
 .se-tooltip.show > p {
diff --git a/packages/selenium-ide/src/neo/components/VerticalTabBar/style.css b/packages/selenium-ide/src/neo/components/VerticalTabBar/style.css
@@ -52,7 +52,7 @@
   font-size: 14px;
   margin: auto 3px auto 5px;
   height: 14px;
-  content: "\e918";
+  content: '\e918';
 }
 
 .tabbar.vertical a:hover > span::after {
diff --git a/packages/selenium-ide/src/neo/styles/app.css b/packages/selenium-ide/src/neo/styles/app.css
@@ -3,7 +3,8 @@ html {
 }
 
 body {
-  font-family: system, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif !important;
+  font-family: system, -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
+    Arial, sans-serif !important;
   font-size: 14px;
   color: #505050;
   margin: 0;
@@ -93,7 +94,7 @@ form .form-contents {
 
 code,
 .code {
-  font-family: "Lucida Console", Monaco, monospace;
+  font-family: 'Lucida Console', Monaco, monospace;
 }
 
 .right {
diff --git a/packages/selenium-ide/src/neo/styles/font.css b/packages/selenium-ide/src/neo/styles/font.css
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -18,9 +18,11 @@`
`18`	`18`	`height: 8px;`
`19`	`19`	`display: block;`
`20`	`20`	`margin: auto;`
`21`		`- content: "";`
	`21`	`+ content: '';`
`22`	`22`	`}`
`23`	`23`
`24`	`24`	`@keyframes fadeIn {`
`25`		`- from { opacity: 0.3; }`
	`25`	`+ from {`
	`26`	`+ opacity: 0.3;`
	`27`	`+ }`
`26`	`28`	`}`
Original file line number	Diff line number	Diff line change
`@@ -46,7 +46,7 @@`
`46`	`46`	`height: 19px;`
`47`	`47`	`}`
`48`	`48`
`49`		`-.command-form input[type="submit"] {`
	`49`	`+.command-form input[type='submit'] {`
`50`	`50`	`position: absolute;`
`51`	`51`	`width: 0;`
`52`	`52`	`height: 0;`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`.rename-dialog .message::before {`
`2`		`- content: "*";`
	`2`	`+ content: '*';`
`3`	`3`	`}`
`4`	`4`
`5`	`5`	`.rename-dialog .more-icon {`
Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,8 @@`
`8`	`8`	`outline: 0;`
`9`	`9`	`text-transform: capitalize;`
`10`	`10`	`box-shadow: inset -1px 1px 1px 0 transparent;`
`11`		`- transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;`
	`11`	`+ transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,`
	`12`	`+ box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;`
`12`	`13`	`}`
`13`	`14`
`14`	`15`	`.btn:hover {`
Original file line number	Diff line number	Diff line change
`@@ -52,7 +52,7 @@`
`52`	`52`	`}`
`53`	`53`
`54`	`54`	`.import-dialog ul li::before {`
`55`		`- content: "✓";`
	`55`	`+ content: '✓';`
`56`	`56`	`text-align: center;`
`57`	`57`	`line-height: 14px;`
`58`	`58`	`font-size: 14px;`
Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,8 @@`
`9`	`9`	`padding: 10px 0;`
`10`	`10`	`opacity: 1;`
`11`	`11`	`transform: scale(1, 1);`
`12`		`- transition: opacity 287ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 191ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;`
	`12`	`+ transition: opacity 287ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,`
	`13`	`+ transform 191ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;`
`13`	`14`	`}`
`14`	`15`
`15`	`16`	`.menu.content.closed {`