Please update the CSS optimizations in NUglify to reduce top, right, bottom, left (TRBL) declarations. margin is an example of a CSS declaration that uses TRBL.
- If all four values are the same, the you only use one value. For example,
margin:10px 10px 10px 10px should be reduced to margin:10px
- If the top and bottom are different but the left and right are the same, you can reduce to three values. For example,
margin:10px 5px 20px 5px should be reduced to margin:10px 5px 20px
- If the top and bottom are the same and the left and right are the same, you can reduce to two values. For example,
margin:10px 5px 10px 5px should be reduced to margin:10px 5px
This optimization should apply to the following rules (although there may be others; it's been a while since I last checked):
- margin
- padding
- border-width
- border-style
- border-color
- border-radius
Please update the CSS optimizations in NUglify to reduce top, right, bottom, left (TRBL) declarations.
marginis an example of a CSS declaration that uses TRBL.margin:10px 10px 10px 10pxshould be reduced tomargin:10pxmargin:10px 5px 20px 5pxshould be reduced tomargin:10px 5px 20pxmargin:10px 5px 10px 5pxshould be reduced tomargin:10px 5pxThis optimization should apply to the following rules (although there may be others; it's been a while since I last checked):