[NEW] postcss parser and cssnext implementation (RocketChat#6982)

* rocketchat:postcss parser and cssnext implementation * convert forms, keygrames and reset to cssnext * convert rtl to cssnext * convert base.less to cssnext * convert base.less to cssnext * fix * selector * try to fix tests * add css browser support * remove duplicated test * remove duplicated get * skip fileupload test * fix tests * skip fileupload tests * Try to fix tests * try to fix the test * test * vai que vai * fix wrong commit * try again * try some more * try to fix tests * skip the failing tests * skip last test * fix stylelint * stylelint * fix height calc * skip sweetalert tests again * skip more sweetalert tests
Devansht420 · May 23, 2017 · 9e14767 · 9e14767
1 parent 1a04c3f
commit 9e14767
Show file tree

Hide file tree

Showing 34 changed files with 5,926 additions and 4,057 deletions.
diff --git a/.editorconfig b/.editorconfig
@@ -8,7 +8,7 @@ charset = utf-8
 trim_trailing_whitespace = true
 insert_final_newline = true
 
-[*.{js,coffee,html,less,json}]
+[*.{js,coffee,html,less,css,json}]
 indent_style = tab
 
 [*.i18n.json]

diff --git a/.meteor/packages b/.meteor/packages
@@ -34,7 +34,6 @@ [email protected]
 [email protected]
 [email protected]
 spacebars
-[email protected]
 [email protected]
 [email protected]
 
@@ -172,3 +171,4 @@ underscorestring:underscore.string
 yasaricli:slugify
 yasinuslu:blaze-meta
 deepwell:bootstrap-datepicker2
+rocketchat:postcss
diff --git a/.meteor/versions b/.meteor/versions
@@ -182,6 +182,7 @@ rocketchat:[email protected]
 rocketchat:[email protected]
 rocketchat:[email protected]
 rocketchat:[email protected]
+rocketchat:[email protected]
 rocketchat:[email protected]
 rocketchat:[email protected]
 rocketchat:[email protected]
@@ -231,7 +232,6 @@ smoral:[email protected]
 [email protected]
 [email protected]
 [email protected]
-[email protected]
 [email protected]
 steffo:[email protected]
 tap:[email protected]

diff --git a/.postcssrc b/.postcssrc
@@ -0,0 +1,20 @@
+{
+	"plugins": {
+		"postcss-smart-import": {},
+		"postcss-cssnext": {
+			"browsers": [
+				"ie > 10",
+				"last 2 Edge versions",
+				"last 2 Firefox versions",
+				"last 1 FirefoxAndroid versions",
+				"last 2 Chrome versions",
+				"last 1 ChromeAndroid versions",
+				"last 2 Safari versions",
+				"last 2 Opera versions",
+				"last 2 iOS versions",
+				"last 1 Android version"
+			]
+		}
+	},
+	"excludedPackages": ["deepwell:bootstrap-datepicker2", "smoral:sweetalert"]
+}
diff --git a/.stylelintignore b/.stylelintignore
@@ -0,0 +1,2 @@
+packages/rocketchat-theme/client/vendor/fontello/css/fontello.css
+packages/meteor-autocomplete/client/autocomplete.css
diff --git a/package.json b/package.json
@@ -46,7 +46,7 @@
 		"start": "meteor npm i && meteor",
 		"lint": "eslint .",
 		"lint-fix": "eslint . --fix",
-		"stylelint": "stylelint **/*.less",
+		"stylelint": "stylelint packages/**/*.{less,css}",
 		"test": "node .scripts/start.js",
 		"deploy": "npm run build && pm2 startOrRestart pm2.json",
 		"chimp-watch": "chimp --ddp=http://localhost:3000 --watch --mocha --path=tests/end-to-end",
@@ -74,6 +74,8 @@
 		"chimp": "^0.49.0",
 		"conventional-changelog": "^1.1.3",
 		"eslint": "^3.19.0",
+		"postcss-cssnext": "^2.11.0",
+		"postcss-smart-import": "^0.7.0",
 		"stylelint": "^7.10.1",
 		"supertest": "^3.0.0"
 	},

diff --git a/packages/rocketchat-chatops/client/views/stylesheets/chatops.css b/packages/rocketchat-chatops/client/views/stylesheets/chatops.css
@@ -1,9 +1,9 @@
 
 .map-container {
-  width: 670px;
-  max-width: 100%;
-  height: 500px;
-  padding: 5px, 5px, 5px 5px;
+	width: 670px;
+	max-width: 100%;
+	height: 500px;
+	padding: 5px;
 }
 
 .red {
@@ -12,4 +12,4 @@
 
 .green {
 	color: green;
-}
+}
diff --git a/packages/rocketchat-colors/style.css b/packages/rocketchat-colors/style.css
@@ -10,7 +10,7 @@
 	border-radius: 3px;
 	margin-right: 3px;
 	margin-left: 2px;
-	border: 1px solid rgba(0, 0, 0, .2);
+	border: 1px solid rgba(0, 0, 0, 0.2);
 	position: relative;
 	top: 2px;
 }
diff --git a/packages/rocketchat-dolphin/login-button.css b/packages/rocketchat-dolphin/login-button.css
@@ -4,10 +4,10 @@
 	height: 20px;
 	background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDMwIDQzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGlkPSJzaWduLWluIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjUgMCAwIDAuNSAwIDApIj4NCjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik02NjAuNjcyIDUwMC4wMzJxMCAxNC41MDggLTEwLjYwMiAyNS4xMWwtMzAzLjU1MiAzMDMuNTUycS0xMC42MDIgMTAuNjAyIC0yNS4xMSAxMC42MDJ0LTI1LjExIC0xMC42MDIgLTEwLjYwMiAtMjUuMTF2LTE2MC43MDRoLTI0OS45ODRxLTE0LjUwOCAwIC0yNS4xMSAtMTAuNjAydC0xMC42MDIgLTI1LjExdi0yMTQuMjcycTAgLTE0LjUwOCAxMC42MDIgLTI1LjExdDI1LjExIC0xMC42MDJoMjQ5Ljk4NHYtMTYwLjcwNHEwIC0xNC41MDggMTAuNjAyIC0yNS4xMXQyNS4xMSAtMTAuNjAyIDI1LjExIDEwLjYwMmwzMDMuNTUyIDMwMy41NTJxMTAuNjAyIDEwLjYwMiAxMC42MDIgMjUuMTF6bTE5Ni40MTYgLTE5Ni40MTZ2MzkyLjgzMnEwIDY2LjQwMiAtNDcuMTUxIDExMy41NTN0LTExMy41NTMgNDcuMTUxaC0xNzguNTZxLTcuMjU0IDAgLTEyLjU1NSAtNS4zMDF0LTUuMzAxIC0xMi41NTVxMCAtMi4yMzIgLS41NTggLTExLjE2dC0uMjc5IC0xNC43ODcgMS42NzQgLTEzLjExMyA1LjU4IC0xMC44ODEgMTEuNDM5IC0zLjYyN2gxNzguNTZxMzYuODI4IDAgNjMuMDU0IC0yNi4yMjZ0MjYuMjI2IC02My4wNTR2LTM5Mi44MzJxMCAtMzYuODI4IC0yNi4yMjYgLTYzLjA1NHQtNjMuMDU0IC0yNi4yMjZoLTE3NC4wOTZ0LTYuNDE3IC0uNTU4IC02LjQxNyAtMS42NzQgLTQuNDY0IC0zLjA2OSAtMy45MDYgLTUuMDIyIC0xLjExNiAtNy41MzNxMCAtMi4yMzIgLS41NTggLTExLjE2dC0uMjc5IC0xNC43ODcgMS42NzQgLTEzLjExMyA1LjU4IC0xMC44ODEgMTEuNDM5IC0zLjYyN2gxNzguNTZxNjYuNDAyIDAgMTEzLjU1MyA0Ny4xNTF0NDcuMTUxIDExMy41NTN6Ii8+DQo8L2c+DQo8L3N2Zz4=);
 	background-repeat: no-repeat;
-        vertical-align: middle;
+	vertical-align: middle;
 }
 
 .icon-dolphin ~ .icon-spin,
 .icon-dolphin ~ span {
-        vertical-align: middle;
+	vertical-align: middle;
 }
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		packages/rocketchat-theme/client/vendor/fontello/css/fontello.css
		packages/meteor-autocomplete/client/autocomplete.css