Add autoprefixer to css build (#6029)

* Add autoprefixer to css build

* also use autoprefixer on theme files

.editorconfig

@@ -1,5 +1,4 @@
 # http://editorconfig.org
-
 root = true
 
 [*]
@@ -19,7 +18,7 @@ indent_size = 4
 indent_style = space
 indent_size = 4
 
-[*.{yml}]
+[*.{yml,json}]
 indent_style = space
 indent_size = 2
 

Makefile

@@ -361,8 +361,10 @@ stylesheets-check: generate-stylesheets
 
 .PHONY: generate-stylesheets
 generate-stylesheets:
+	$(eval BROWSERS := "> 2%, last 2 firefox versions, last 2 safari versions")
 	node_modules/.bin/lessc --clean-css public/less/index.less public/css/index.css
 	$(foreach file, $(filter-out public/less/themes/_base.less, $(wildcard public/less/themes/*)),node_modules/.bin/lessc --clean-css public/less/themes/$(notdir $(file)) > public/css/theme-$(notdir $(call strip-suffix,$(file))).css;)
+	$(foreach file, $(wildcard public/css/*),node_modules/.bin/postcss --use autoprefixer --autoprefixer.browsers $(BROWSERS) -o $(file) $(file);)
 
 .PHONY: swagger-ui
 swagger-ui:

package.json

@@ -1,7 +1,9 @@
 {
-    "license": "MIT",
-    "devDependencies": {
-        "less": "^3.9.0",
-        "less-plugin-clean-css": "^1.5.1"
-    }
+  "license": "MIT",
+  "devDependencies": {
+    "autoprefixer": "9.4.7",
+    "less": "3.9.0",
+    "less-plugin-clean-css": "1.5.1",
+    "postcss-cli-simple": "3.0.0"
+  }
 }

public/less/_base.less

@@ -42,9 +42,6 @@ pre > code {
     word-break: break-all;
 
     /* Adds a hyphen where the word breaks, if supported (No Blink) */
-    -ms-hyphens: auto;
-    -moz-hyphens: auto;
-    -webkit-hyphens: auto;
     hyphens: auto;
 }
 .full.height {
@@ -118,10 +115,7 @@ pre > code {
     // no, stackable won't work on right menus.
     margin-left: auto;
     display: flex;
-    display: -ms-flexbox;
-    -ms-flex-align: inherit;
     align-items: inherit;
-    -ms-flex-direction: inherit;
     flex-direction: inherit;
 }
 
@@ -134,9 +128,6 @@ pre > code {
     }
 
     &.button, &.menu .item {
-        -moz-user-select: auto;
-        -ms-user-select: auto;
-        -webkit-user-select: auto;
         user-select: auto;
     }
 

public/less/_form.less

@@ -91,9 +91,7 @@
 @media screen and (max-height: 575px){
     #rc-imageselect, .g-recaptcha {
         transform:scale(0.77);
-        -webkit-transform:scale(0.77);
         transform-origin:0 0;
-        -webkit-transform-origin:0 0;
     }
 }
 

public/less/_repository.less

@@ -344,9 +344,6 @@
                     color: #999;
                     background: #f5f5f5;
                     width: 1%;
-                    -moz-user-select: none;
-                    -ms-user-select: none;
-                    -webkit-user-select: none;
                     user-select: none;
 
                     span {
@@ -1054,9 +1051,6 @@
                 color: #A7A7A7;
                 background: #fafafa;
                 width: 1%;
-                -moz-user-select: none;
-                -ms-user-select: none;
-                -webkit-user-select: none;
                 user-select: none;
                 vertical-align: top;
 
@@ -1795,7 +1789,6 @@
 .generate-tab-size(@n, @i: 1) when (@i =< @n) {
     .tab-size-@{i} {
         tab-size: @i !important;
-        -moz-tab-size: @i !important;
     }
     .generate-tab-size(@n, (@i + 1));
 }