Is there any reason to use @supports here?

[mirisuzanne]

You have this example:

:root {
  --vh-offset: 0px;
}
main {
  min-height: calc(100vh);
  @supports (height: var(--vh-offset)) {
    min-height: calc(100vh - var(--vh-offset));
  }
}

but it seems like it should work just as well without @supports:

:root {
  --vh-offset: 0px;
}
main {
  min-height: calc(100vh);
  min-height: calc(100vh - var(--vh-offset));
}

• If var() is not supported, that second value will be ignored, leaving you with the first 100vh value.
• If var() is supported, but vh-offset isn't needed, it will be set to 0px still, and have no effect.

[Hiswe]

@mirisuzanne You point it right, no real reason…

I think I was just in the mood of over-engineering :S

I will modify documentation accordingly. Thank you very much for this :)

[mirisuzanne]

Great, thanks for the vh-check — very useful!