Add autoprefixer to css build (#6029)
* Add autoprefixer to css build * also use autoprefixer on theme files
This commit is contained in:
parent
d0cb5aa9f9
commit
353282e658
8 changed files with 841 additions and 596 deletions
|
@ -1,5 +1,4 @@
|
||||||
# http://editorconfig.org
|
# http://editorconfig.org
|
||||||
|
|
||||||
root = true
|
root = true
|
||||||
|
|
||||||
[*]
|
[*]
|
||||||
|
@ -19,7 +18,7 @@ indent_size = 4
|
||||||
indent_style = space
|
indent_style = space
|
||||||
indent_size = 4
|
indent_size = 4
|
||||||
|
|
||||||
[*.{yml}]
|
[*.{yml,json}]
|
||||||
indent_style = space
|
indent_style = space
|
||||||
indent_size = 2
|
indent_size = 2
|
||||||
|
|
||||||
|
|
2
Makefile
2
Makefile
|
@ -361,8 +361,10 @@ stylesheets-check: generate-stylesheets
|
||||||
|
|
||||||
.PHONY: generate-stylesheets
|
.PHONY: generate-stylesheets
|
||||||
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
|
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, $(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
|
.PHONY: swagger-ui
|
||||||
swagger-ui:
|
swagger-ui:
|
||||||
|
|
1400
package-lock.json
generated
1400
package-lock.json
generated
File diff suppressed because it is too large
Load diff
12
package.json
12
package.json
|
@ -1,7 +1,9 @@
|
||||||
{
|
{
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"less": "^3.9.0",
|
"autoprefixer": "9.4.7",
|
||||||
"less-plugin-clean-css": "^1.5.1"
|
"less": "3.9.0",
|
||||||
}
|
"less-plugin-clean-css": "1.5.1",
|
||||||
|
"postcss-cli-simple": "3.0.0"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -42,9 +42,6 @@ pre > code {
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
|
|
||||||
/* Adds a hyphen where the word breaks, if supported (No Blink) */
|
/* Adds a hyphen where the word breaks, if supported (No Blink) */
|
||||||
-ms-hyphens: auto;
|
|
||||||
-moz-hyphens: auto;
|
|
||||||
-webkit-hyphens: auto;
|
|
||||||
hyphens: auto;
|
hyphens: auto;
|
||||||
}
|
}
|
||||||
.full.height {
|
.full.height {
|
||||||
|
@ -118,10 +115,7 @@ pre > code {
|
||||||
// no, stackable won't work on right menus.
|
// no, stackable won't work on right menus.
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
display: -ms-flexbox;
|
|
||||||
-ms-flex-align: inherit;
|
|
||||||
align-items: inherit;
|
align-items: inherit;
|
||||||
-ms-flex-direction: inherit;
|
|
||||||
flex-direction: inherit;
|
flex-direction: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -134,9 +128,6 @@ pre > code {
|
||||||
}
|
}
|
||||||
|
|
||||||
&.button, &.menu .item {
|
&.button, &.menu .item {
|
||||||
-moz-user-select: auto;
|
|
||||||
-ms-user-select: auto;
|
|
||||||
-webkit-user-select: auto;
|
|
||||||
user-select: auto;
|
user-select: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -91,9 +91,7 @@
|
||||||
@media screen and (max-height: 575px){
|
@media screen and (max-height: 575px){
|
||||||
#rc-imageselect, .g-recaptcha {
|
#rc-imageselect, .g-recaptcha {
|
||||||
transform:scale(0.77);
|
transform:scale(0.77);
|
||||||
-webkit-transform:scale(0.77);
|
|
||||||
transform-origin:0 0;
|
transform-origin:0 0;
|
||||||
-webkit-transform-origin:0 0;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -344,9 +344,6 @@
|
||||||
color: #999;
|
color: #999;
|
||||||
background: #f5f5f5;
|
background: #f5f5f5;
|
||||||
width: 1%;
|
width: 1%;
|
||||||
-moz-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
-webkit-user-select: none;
|
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
|
@ -1054,9 +1051,6 @@
|
||||||
color: #A7A7A7;
|
color: #A7A7A7;
|
||||||
background: #fafafa;
|
background: #fafafa;
|
||||||
width: 1%;
|
width: 1%;
|
||||||
-moz-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
-webkit-user-select: none;
|
|
||||||
user-select: none;
|
user-select: none;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
|
|
||||||
|
@ -1795,7 +1789,6 @@
|
||||||
.generate-tab-size(@n, @i: 1) when (@i =< @n) {
|
.generate-tab-size(@n, @i: 1) when (@i =< @n) {
|
||||||
.tab-size-@{i} {
|
.tab-size-@{i} {
|
||||||
tab-size: @i !important;
|
tab-size: @i !important;
|
||||||
-moz-tab-size: @i !important;
|
|
||||||
}
|
}
|
||||||
.generate-tab-size(@n, (@i + 1));
|
.generate-tab-size(@n, (@i + 1));
|
||||||
}
|
}
|
||||||
|
|
Reference in a new issue