Closed Maclay74 closed 1 year ago
Sorry, it is not Autoprefixer.
mask-repeat: no-repeat
is -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
Very likely you have another tool in build chain doing that.
Autoprefixer always adds prefixes above the unprefixed version.
No it doesn't.
.test-class {
mask-repeat: no-repeat;
}
.test-second {
mask-image:
linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%),
linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%),
linear-gradient(#fff 0 0);
mask-composite: exclude;
mask-size: calc(100% - 4px) 140px, calc(100% - 4px) 140px, auto auto;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-position: 2px 2px, 2px calc(100% - 2px), 0 0;
}
is transformed into
.test-class {
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.test-second {
-webkit-mask-image:
linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%),
linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%),
linear-gradient(#fff 0 0);
mask-image:
linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%),
linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%),
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-size: calc(100% - 4px) 140px, calc(100% - 4px) 140px, auto auto;
mask-size: calc(100% - 4px) 140px, calc(100% - 4px) 140px, auto auto;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: 2px 2px, 2px calc(100% - 2px), 0 0;
mask-position: 2px 2px, 2px calc(100% - 2px), 0 0;
}
by npx postcss test.css --use autoprefixer -d ./
, so there is no additional tools in the chain
Yes, it is exactly what I am talking about. There is no mask-repeat:initial
in your output from Autoprefixer.
Yes, my bad. Sorry for the hassle.
Probably I'm doing something wrong, but for some reason for this property
I get
So Safari isn't fine with it. It ignores
-webkit-
property and picks upinitial
insteadI don't understand why
no-repeat
gets replaced byinitial
, whenno-repeat
is a valid according to the specification?