Skip to content

Update top, right, bottom and left properties to inset

This PR updates the css properties from top, right, bottom and left to the --> inset family, supported by all browsers.

I came across this when updating our UI which is using newer dependencies.

The bundling error reported was: Expected shorthand property "inset" left in nav.css

  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

-->

  inset: 0;

See mozilla - inset and css-tricks

Bundling with gulp bundle runs fine, gulp preview is also without issues.

This PR eases the future upgrade of dependencies as it fixes the shorthand error reported when bundling.

Merge request reports

Loading