Commit 5d3d4dc3 authored by Tino Goratsch's avatar Tino Goratsch

backport the autoprefixer

parent 337566bb
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(350deg);
}
}
@-moz-keyframes rotate {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(350deg);
transform: rotate(350deg);
}
}
@keyframes rotate {
from {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
transform: rotate(350deg);
-webkit-transform: rotate(350deg);
transform: rotate(350deg);
}
}
.loading-layer {
align-items: center;
-ms-flex-align: center;
align-items: center;
background: rgba(255, 255, 255, 0.5);
display: -ms-flexbox;
display: flex;
justify-content: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
height: 100%;
opacity: 0;
......@@ -34,8 +33,6 @@
position: fixed;
top: 0;
transition: opacity 0.5s, visibility 0.5s;
-webkit-transition: opacity 0.5s, visibility 0.5s;
-moz-transition: opacity 0.5s, visibility 0.5s;
visibility: hidden;
width: 100%;
z-index: 999999;
......@@ -54,9 +51,7 @@
margin-bottom: 10px;
display: block;
-webkit-animation: rotate 2s linear infinite;
-moz-animation: rotate 2s linear infinite;
-o-animation: rotate 2s linear infinite;
animation: rotate 2s linear infinite;
animation: rotate 2s linear infinite;
}
.dataset-box {
margin: 0 auto 10px;
......@@ -156,6 +151,7 @@
text-indent: -9999em;
}
.datagrid .btn-group {
display: -ms-flexbox;
display: flex;
}
.datagrid .btn-group > .btn {
......@@ -165,8 +161,10 @@
width: 7%;
}
.datagrid .datagrid-column__action-buttons {
display: -ms-flexbox;
display: flex;
justify-content: end;
-ms-flex-pack: end;
justify-content: end;
visibility: hidden;
}
.datagrid .datagrid-column__action-buttons .btn {
......
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(350deg);
}
}
@-moz-keyframes rotate {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(350deg);
}
}
@keyframes rotate {
from {
transform: rotate(0deg);
......@@ -37,8 +19,6 @@
position: fixed;
top: 0;
transition: opacity 0.5s, visibility 0.5s;
-webkit-transition: opacity 0.5s, visibility 0.5s;
-moz-transition: opacity 0.5s, visibility 0.5s;
visibility: hidden;
width: 100%;
z-index: 999999;
......@@ -58,9 +38,6 @@
.glyphicon {
margin-bottom: 10px;
display: block;
-webkit-animation: rotate 2s linear infinite;
-moz-animation: rotate 2s linear infinite;
-o-animation: rotate 2s linear infinite;
animation: rotate 2s linear infinite;
}
}
/*
* Copyright (c) by the ACP3 Developers.
* See the LICENSE file at the top-level module directory for licensing details.
*/
module.exports = function (gulp, plugins) {
'use strict';
const autoprefixer = require('autoprefixer');
return function () {
return gulp
.src(
[
'./ACP3/Modules/*/*/Resources/Assets/css/style.css',
'./ACP3/Modules/*/*/Resources/Assets/css/append.css',
'./designs/*/*/Assets/css/style.css',
'./designs/*/*/Assets/css/append.css',
'./designs/**/Assets/css/*.css',
'./installation/design/Assets/css/*.css',
'./installation/Installer/Modules/*/Resources/Assets/css/style.css',
],
{base: './'}
)
.pipe(plugins.postcss([autoprefixer()]))
.pipe(plugins.plumber())
.pipe(gulp.dest('./'));
};
};
......@@ -17,7 +17,7 @@ module.exports = function (gulp) {
'installation/Installer/Modules/*/Resources/Assets/less/style.less'
],
{cwd: './'},
gulp.series('less')
gulp.series('less', 'autoprefixer')
);
};
};
......@@ -16,7 +16,8 @@
gulp.task('copy', getTask('copy'));
gulp.task('bump-version', getTask('bump-version'));
gulp.task('less', getTask('less'));
gulp.task('watch', gulp.series('less', getTask('watch')));
gulp.task('autoprefixer', getTask('autoprefixer'));
gulp.task('watch', gulp.series('less', 'autoprefixer', getTask('watch')));
gulp.task('default', gulp.series('watch'));
})();
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(350deg);
}
}
@-moz-keyframes rotate {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(350deg);
transform: rotate(350deg);
}
}
@keyframes rotate {
from {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
transform: rotate(350deg);
-webkit-transform: rotate(350deg);
transform: rotate(350deg);
}
}
.loading-layer {
align-items: center;
-ms-flex-align: center;
align-items: center;
background: rgba(255, 255, 255, 0.5);
display: -ms-flexbox;
display: flex;
justify-content: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
height: 100%;
opacity: 0;
......@@ -34,8 +33,6 @@
position: fixed;
top: 0;
transition: opacity 0.5s, visibility 0.5s;
-webkit-transition: opacity 0.5s, visibility 0.5s;
-moz-transition: opacity 0.5s, visibility 0.5s;
visibility: hidden;
width: 100%;
z-index: 999999;
......@@ -54,9 +51,7 @@
margin-bottom: 10px;
display: block;
-webkit-animation: rotate 2s linear infinite;
-moz-animation: rotate 2s linear infinite;
-o-animation: rotate 2s linear infinite;
animation: rotate 2s linear infinite;
animation: rotate 2s linear infinite;
}
.tab-content > .tab-pane {
padding-top: 15px;
......
This diff is collapsed.
......@@ -20,6 +20,7 @@
"homepage": "https://www.acp3-cms.net",
"private": true,
"devDependencies": {
"autoprefixer": "^9.3.1",
"eslint": "^5.10.0",
"gulp": "^4.0.0",
"gulp-bump": "^3.1.1",
......@@ -27,6 +28,7 @@
"gulp-less": "^4.0.1",
"gulp-load-plugins": "^1.5.0",
"gulp-plumber": "^1.2.1",
"gulp-postcss": "^8.0.0",
"gulp-rename": "^1.4.0",
"semver": "^5.6.0",
"simple-git": "^1.107.0",
......@@ -47,5 +49,17 @@
"moment": "^2.23.0",
"rich-filemanager": "^2.7.6",
"shariff": "^3.0.1"
}
},
"browserslist": [
"last 1 major version",
">= 1%",
"Chrome >= 45",
"Firefox >= 38",
"Edge >= 12",
"Explorer >= 10",
"iOS >= 9",
"Safari >= 9",
"Android >= 4.4",
"Opera >= 30"
]
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment