Repository navigation
v2.3.1
Calls that compiled into CSS a browser drops, or into a media or container
condition that can never match, now stop the build with a message naming what
the argument takes. Every new refusal was checked in Chrome 152 against the CSS
the same call produced on 2.3.0, and an error was added only where that CSS was
dropped or did nothing. var(), calc() and the other CSS functions are still
accepted. Two calls that produced broken CSS now produce working CSS instead.
- Fixed:
breakpoint,remove,container-queryandscreen-agent
refuse a size no condition can match, such as a word that is not a breakpoint
key, a percentage or an angle.validateBreakpointrefuses a word that is
not a key in$map-for-breakpoints, and still returns lengths, percentages,
functions, sizing keywords andnullas they are. - Fixed:
onlyandexceptrefuse a position with a unit, a fraction or
0, which the browser drops or which matches nothing.3nis accepted. - Fixed:
position,ellipsis,resizable,radial-gradientand
font-facerefuse keywords the browser drops, and write a valid quoted
keyword, such as"sticky", without its quotes. - Fixed:
background-image,brand-logoandtext-imagerefuse a list or
a non-string image.background-dotsandbackground-stripesquote an image
path holding a space, a parenthesis or a quote, which the browser dropped
unquoted.spritechecks its path in the two-argument form too. - Fixed:
background-stripesno longer turns0.25turninto
0.25turndeg. An angle ingrad,radorturnis written as it is, and a
unit that is not an angle raises. - Fixed: the colour arguments of
focus-ring,text-stroke,triangle,
linear-gradient,text-gradient,radial-gradient,background-image,
background-dotsandbackground-stripesrefuse a value that is not a
colour. System colours such asCanvasandcontrast-color(), which
triangleused to refuse, are accepted. - Fixed: lengths are checked against what each property keeps in
sizer,
circle,brand-logo,ellipsis,focus-ring,text-stroke,triangle,
border-radius,background-dots,background-stripes,scissors(through
validateScissors),sprite,columnizerandadaptive: for example a
negative width,5%as an outline width,autoas amax-width, or10deg
wherever a length goes. - Fixed:
adaptive(0)wrotecalc(576px - 0 * 2)andcolumnizer(3, 0)
wrote(3 - 1) * 0, a number wherecalc()needs a length, and the browser
dropped both. They now write0px. - Updated:
positionraises on an offset the browser drops instead of
warning throughvalidateLength. That warning also fired for working values
such asAUTOandrevert-layer, and said nothing about10degorurl().
validateLengthitself still warns.
Full changelog: v2.3.0...v2.3.1