postcss-100vh-fix
postcss-100vh-fix copied to clipboard
Include important flag if necessary
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.