Migrate to the postcss-logical-properties-polyfill.

Update what can be updated.
This commit is contained in:
ErickSkrauch 2021-07-13 21:39:19 +02:00
parent aababa1113
commit 404fcb804a
No known key found for this signature in database
GPG Key ID: 669339FCBB30EE0E
7 changed files with 4123 additions and 5957 deletions

View File

@ -1,6 +1,6 @@
variables: variables:
NODE_IMAGE: node:12-alpine NODE_IMAGE: node:14-alpine
NODE_E2E_IMAGE: circleci/node:12-buster-browsers NODE_E2E_IMAGE: circleci/node:14-buster-browsers
DEPLOY_IMAGE: docksal/ssh-agent:1.3 DEPLOY_IMAGE: docksal/ssh-agent:1.3
# To cache both npm modules and Cypress binary we use environment variables # To cache both npm modules and Cypress binary we use environment variables
# to point at the folders we can list as paths in "cache" job settings # to point at the folders we can list as paths in "cache" job settings

View File

@ -144,14 +144,15 @@
"lint-staged": "^10.2.4", "lint-staged": "^10.2.4",
"loader-utils": "^2.0.0", "loader-utils": "^2.0.0",
"mini-css-extract-plugin": "^0.9.0", "mini-css-extract-plugin": "^0.9.0",
"node-sass": "^4.14.1", "node-sass": "^6.0.1",
"postcss-bidirection": "https://github.com/erickskrauch/postcss-bidirection.git#iss_23", "postcss": "^8.2.8",
"postcss-import": "^12.0.1", "postcss-import": "^14.0.0",
"postcss-loader": "^3.0.0", "postcss-loader": "^4.2.0",
"postcss-scss": "^2.1.1", "postcss-logical-properties-polyfill": "^0.1.0",
"postcss-scss": "^3.0.5",
"prettier": "^2.0.5", "prettier": "^2.0.5",
"raw-loader": "^4.0.1", "raw-loader": "^4.0.1",
"sass-loader": "^8.0.2", "sass-loader": "^10.2.0",
"sinon": "^9.0.2", "sinon": "^9.0.2",
"sitemap-webpack-plugin": "^0.8.0", "sitemap-webpack-plugin": "^0.8.0",
"speed-measure-webpack-plugin": "^1.3.3", "speed-measure-webpack-plugin": "^1.3.3",

View File

@ -83,14 +83,6 @@ $border: 1px solid lighter($black);
line-height: 35px; line-height: 35px;
transition: color 0.25s, inset-inline-start 0.5s; transition: color 0.25s, inset-inline-start 0.5s;
// TODO: right now transition property doesn't support the bidirectional value.
// See https://github.com/gasolin/postcss-bidirection/issues/25.
// noinspection CssOverwrittenProperties Graceful degradation
transition: color 0.25s, left 0.5s;
html[dir='rtl'] & {
transition: color 0.25s, right 0.5s;
}
.item:hover & { .item:hover & {
color: #aaa; color: #aaa;

View File

@ -63,14 +63,6 @@ $dropdownPadding: 15px;
top: 16px; top: 16px;
font-size: 17px; font-size: 17px;
transition: inset-inline-end 0.3s cubic-bezier(0.23, 1, 0.32, 1); // easeOutQuint transition: inset-inline-end 0.3s cubic-bezier(0.23, 1, 0.32, 1); // easeOutQuint
// TODO: right now transition property doesn't support the bidirectional value.
// See https://github.com/gasolin/postcss-bidirection/issues/25.
// noinspection CssOverwrittenProperties Graceful degradation
transition: right 0.3s cubic-bezier(0.23, 1, 0.32, 1);
html[dir='rtl'] & {
transition: left 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.dropdown:hover & { .dropdown:hover & {
inset-inline-end: $dropdownPadding - 5px; inset-inline-end: $dropdownPadding - 5px;

View File

@ -6,7 +6,7 @@ const fileCache = {};
const isProduction = process.argv.some((arg) => arg === '-p'); const isProduction = process.argv.some((arg) => arg === '-p');
const rootPath = path.resolve('./src'); const rootPath = path.resolve('./src');
module.exports = ({ webpack: loader }) => ({ module.exports = ({ webpackLoaderContext: loader }) => ({
syntax: 'postcss-scss', syntax: 'postcss-scss',
plugins: { plugins: {
'postcss-import': { 'postcss-import': {
@ -47,7 +47,7 @@ module.exports = ({ webpack: loader }) => ({
return defaultLoad(filename, importOptions); return defaultLoad(filename, importOptions);
})(require('postcss-import/lib/load-content')), })(require('postcss-import/lib/load-content')),
}, },
'postcss-bidirection': {}, 'postcss-logical-properties-polyfill': {},
// TODO: for some reason cssnano strips out @mixin declarations // TODO: for some reason cssnano strips out @mixin declarations
// cssnano: { // cssnano: {
// /** // /**

View File

@ -156,9 +156,7 @@ const webpackConfig = {
{ {
loader: 'postcss-loader', loader: 'postcss-loader',
options: { options: {
ident: 'postcss',
sourceMap: !isProduction, sourceMap: !isProduction,
config: { path: __dirname },
}, },
}, },
], ],

10041
yarn.lock

File diff suppressed because it is too large Load Diff