postcss-100vh-fix icon indicating copy to clipboard operation
postcss-100vh-fix copied to clipboard

Include important flag if necessary

Open CaitlinWeb-st opened this issue 5 years ago • 0 comments

Style declarations with !important aren't being overruled by this plugin. For my use case I'm using Bootstrap which has .vh-100 with the important flag. Here's what this plugin results in:

.vh-100 {
  height: 100vh !important; }
@supports (-webkit-touch-callout: none) {
  .vh-100 {
    height: -webkit-fill-available; } }

This means 100vh wins since it's declared with !important.

CaitlinWeb-st avatar Aug 11 '20 19:08 CaitlinWeb-st