mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-09-06 01:26:22 +00:00
LibWeb/CSS: Remove an ad-hoc simplification step in calc() parsing
This commit is contained in:
Lucas CHOLLET
Sam Atkins
parent
715bf0de2c
commit
4bf197872b
Notes:
github-actions[bot]
2025-03-05 12:06:57 +00:00
Author: https://github.com/LucasChollet
Commit: 4bf197872b
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/3726
Reviewed-by: https://github.com/AtkinsSJ ✅
10 changed files with 84 additions and 92 deletions
|
|
@ -4,19 +4,19 @@ animation-duration: 'calc(2s)' -> '2s'
|
|||
animation-duration: 'calc(2s * var(--n))' -> '4s'
|
||||
animation-iteration-count: 'calc(2)' -> '2'
|
||||
animation-iteration-count: 'calc(2 * var(--n))' -> '4'
|
||||
backdrop-filter: 'grayscale(calc(2%))' -> 'grayscale(2%)'
|
||||
backdrop-filter: 'grayscale(calc(2% * var(--n)))' -> 'grayscale(4%)'
|
||||
backdrop-filter: 'grayscale(calc(0.02))' -> 'grayscale(0.02)'
|
||||
backdrop-filter: 'grayscale(calc(0.02 * var(--n)))' -> 'grayscale(0.04)'
|
||||
background-position-x: 'calc(2px)' -> '2px'
|
||||
background-position-x: 'calc(2px * var(--n))' -> '4px'
|
||||
background-position-y: 'calc(2%)' -> '2%'
|
||||
backdrop-filter: 'grayscale(calc(2%))' -> 'grayscale(calc(2%))'
|
||||
backdrop-filter: 'grayscale(calc(2% * var(--n)))' -> 'grayscale(calc(4%))'
|
||||
backdrop-filter: 'grayscale(calc(0.02))' -> 'grayscale(calc(0.02))'
|
||||
backdrop-filter: 'grayscale(calc(0.02 * var(--n)))' -> 'grayscale(calc(0.04))'
|
||||
background-position-x: 'calc(2px)' -> 'calc(2px)'
|
||||
background-position-x: 'calc(2px * var(--n))' -> 'calc(4px)'
|
||||
background-position-y: 'calc(2%)' -> 'calc(2%)'
|
||||
background-position-y: 'calc(2% * var(--n))' -> 'calc(2 * 2%)'
|
||||
background-size: 'calc(2px * var(--n)) calc(2%)' -> '4px 2%'
|
||||
background-size: 'calc(2px * var(--n)) calc(2% * var(--n))' -> '4px calc(2 * 2%)'
|
||||
border-bottom-left-radius: 'calc(2px)' -> '2px'
|
||||
border-bottom-left-radius: 'calc(2px * var(--n))' -> '4px'
|
||||
border-bottom-right-radius: 'calc(2%)' -> '2%'
|
||||
background-size: 'calc(2px * var(--n)) calc(2%)' -> 'calc(4px) calc(2%)'
|
||||
background-size: 'calc(2px * var(--n)) calc(2% * var(--n))' -> 'calc(4px) calc(2 * 2%)'
|
||||
border-bottom-left-radius: 'calc(2px)' -> 'calc(2px)'
|
||||
border-bottom-left-radius: 'calc(2px * var(--n))' -> 'calc(4px)'
|
||||
border-bottom-right-radius: 'calc(2%)' -> 'calc(2%)'
|
||||
border-bottom-right-radius: 'calc(2% * var(--n))' -> 'calc(2 * 2%)'
|
||||
border-bottom-width: 'calc(2px)' -> '2px'
|
||||
border-bottom-width: 'calc(2px * var(--n))' -> '4px'
|
||||
|
|
@ -26,18 +26,18 @@ border-right-width: 'calc(2px)' -> '2px'
|
|||
border-right-width: 'calc(2px * var(--n))' -> '4px'
|
||||
border-spacing: 'calc(2px)' -> '2px'
|
||||
border-spacing: 'calc(2px * var(--n))' -> '4px'
|
||||
border-top-left-radius: 'calc(2px)' -> '2px'
|
||||
border-top-left-radius: 'calc(2px * var(--n))' -> '4px'
|
||||
border-top-right-radius: 'calc(2%)' -> '2%'
|
||||
border-top-left-radius: 'calc(2px)' -> 'calc(2px)'
|
||||
border-top-left-radius: 'calc(2px * var(--n))' -> 'calc(4px)'
|
||||
border-top-right-radius: 'calc(2%)' -> 'calc(2%)'
|
||||
border-top-right-radius: 'calc(2% * var(--n))' -> 'calc(2 * 2%)'
|
||||
border-top-width: 'calc(2px)' -> '2px'
|
||||
border-top-width: 'calc(2px * var(--n))' -> '4px'
|
||||
bottom: 'calc(2px)' -> '2px'
|
||||
bottom: 'calc(2px * var(--n))' -> '4px'
|
||||
clip-path: 'polygon(calc(0px) calc(2px), calc(2px) calc(0px), calc(2px) calc(2px))' -> 'polygon(nonzero, 0px 2px, 2px 0px, 2px 2px)'
|
||||
clip-path: 'polygon(calc(0px * var(--n)) calc(2px * var(--n)), calc(2px * var(--n)) calc(0px * var(--n)), calc(2px * var(--n)) calc(2px * var(--n)))' -> 'polygon(nonzero, 0px 4px, 4px 0px, 4px 4px)'
|
||||
clip-path: 'polygon(calc(0%) calc(2%), calc(2%) calc(0%), calc(2%) calc(2%))' -> 'polygon(nonzero, 0% 2%, 2% 0%, 2% 2%)'
|
||||
clip-path: 'polygon(calc(0% * var(--n)) calc(2% * var(--n)), calc(2% * var(--n)) calc(0% * var(--n)), calc(2% * var(--n)) calc(2% * var(--n)))' -> 'polygon(nonzero, 0% 4%, 4% 0%, 4% 4%)'
|
||||
clip-path: 'polygon(calc(0px) calc(2px), calc(2px) calc(0px), calc(2px) calc(2px))' -> 'polygon(nonzero, calc(0px) calc(2px), calc(2px) calc(0px), calc(2px) calc(2px))'
|
||||
clip-path: 'polygon(calc(0px * var(--n)) calc(2px * var(--n)), calc(2px * var(--n)) calc(0px * var(--n)), calc(2px * var(--n)) calc(2px * var(--n)))' -> 'polygon(nonzero, calc(0px) calc(4px), calc(4px) calc(0px), calc(4px) calc(4px))'
|
||||
clip-path: 'polygon(calc(0%) calc(2%), calc(2%) calc(0%), calc(2%) calc(2%))' -> 'polygon(nonzero, calc(0%) calc(2%), calc(2%) calc(0%), calc(2%) calc(2%))'
|
||||
clip-path: 'polygon(calc(0% * var(--n)) calc(2% * var(--n)), calc(2% * var(--n)) calc(0% * var(--n)), calc(2% * var(--n)) calc(2% * var(--n)))' -> 'polygon(nonzero, calc(0%) calc(4%), calc(4%) calc(0%), calc(4%) calc(4%))'
|
||||
column-count: 'calc(2)' -> '2'
|
||||
column-count: 'calc(2 * var(--n))' -> '4'
|
||||
column-gap: 'calc(2px)' -> '2px'
|
||||
|
|
@ -56,10 +56,10 @@ cy: 'calc(2%)' -> '2%'
|
|||
cy: 'calc(2% * var(--n))' -> 'calc(2 * 2%)'
|
||||
fill-opacity: 'calc(2)' -> '2'
|
||||
fill-opacity: 'calc(2 * var(--n))' -> '4'
|
||||
filter: 'grayscale(calc(2%))' -> 'grayscale(2%)'
|
||||
filter: 'grayscale(calc(2% * var(--n)))' -> 'grayscale(4%)'
|
||||
filter: 'grayscale(calc(0.02))' -> 'grayscale(0.02)'
|
||||
filter: 'grayscale(calc(0.02 * var(--n)))' -> 'grayscale(0.04)'
|
||||
filter: 'grayscale(calc(2%))' -> 'grayscale(calc(2%))'
|
||||
filter: 'grayscale(calc(2% * var(--n)))' -> 'grayscale(calc(4%))'
|
||||
filter: 'grayscale(calc(0.02))' -> 'grayscale(calc(0.02))'
|
||||
filter: 'grayscale(calc(0.02 * var(--n)))' -> 'grayscale(calc(0.04))'
|
||||
flex-basis: 'calc(2px)' -> '2px'
|
||||
flex-basis: 'calc(2px * var(--n))' -> '4px'
|
||||
flex-grow: 'calc(2)' -> '2'
|
||||
|
|
@ -94,11 +94,11 @@ line-height: 'calc(2)' -> '32px'
|
|||
line-height: 'calc(2 * var(--n))' -> '64px'
|
||||
margin-bottom: 'calc(2px)' -> '2px'
|
||||
margin-bottom: 'calc(2px * var(--n))' -> '4px'
|
||||
margin-left: 'calc(2%)' -> '15.67188px'
|
||||
margin-left: 'calc(2%)' -> '15.6875px'
|
||||
margin-left: 'calc(2% * var(--n))' -> '31.375px'
|
||||
margin-right: 'calc(2px)' -> '2px'
|
||||
margin-right: 'calc(2px * var(--n))' -> '4px'
|
||||
margin-top: 'calc(2%)' -> '15.67188px'
|
||||
margin-top: 'calc(2%)' -> '15.6875px'
|
||||
margin-top: 'calc(2% * var(--n))' -> '31.375px'
|
||||
math-depth: 'calc(2)' -> '2'
|
||||
math-depth: 'calc(2 * var(--n))' -> '4'
|
||||
|
|
@ -120,11 +120,11 @@ outline-width: 'calc(2px)' -> '2px'
|
|||
outline-width: 'calc(2px * var(--n))' -> '4px'
|
||||
padding-bottom: 'calc(2px)' -> '2px'
|
||||
padding-bottom: 'calc(2px * var(--n))' -> '4px'
|
||||
padding-left: 'calc(2%)' -> '15.67188px'
|
||||
padding-left: 'calc(2%)' -> '15.6875px'
|
||||
padding-left: 'calc(2% * var(--n))' -> '31.375px'
|
||||
padding-right: 'calc(2px)' -> '2px'
|
||||
padding-right: 'calc(2px * var(--n))' -> '4px'
|
||||
padding-top: 'calc(2%)' -> '15.67188px'
|
||||
padding-top: 'calc(2%)' -> '15.6875px'
|
||||
padding-top: 'calc(2% * var(--n))' -> '31.375px'
|
||||
r: 'calc(2px)' -> '2px'
|
||||
r: 'calc(2px * var(--n))' -> '4px'
|
||||
|
|
@ -158,7 +158,7 @@ transition-duration: 'calc(2s)' -> '2s'
|
|||
transition-duration: 'calc(2s * var(--n))' -> '4s'
|
||||
vertical-align: 'calc(2px)' -> '2px'
|
||||
vertical-align: 'calc(2px * var(--n))' -> '4px'
|
||||
width: 'calc(2%)' -> '15.67188px'
|
||||
width: 'calc(2%)' -> '15.6875px'
|
||||
width: 'calc(2% * var(--n))' -> '31.375px'
|
||||
word-spacing: 'calc(2px)' -> '2px'
|
||||
word-spacing: 'calc(2px * var(--n))' -> '4px'
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue