Skip to content

Missing CSS optimization - TRBL sizes #320

Description

@SpeednetGroup

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

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions