SyntaxFix

[css] Is it possible to use vh minus pixels in a CSS calc()?

It does work indeed. Issue was with my less compiler. It was compiled in to:

.container {
  min-height: calc(-51vh);
}

Fixed with the following code in less file:

.container {
  min-height: calc(~"100vh - 150px");
}

Thanks to this link: Less Aggressive Compilation with CSS3 calc

Examples related to css

• need to add a class to an element • Using Lato fonts in my css (@font-face) • Please help me convert this script to a simple image slider • Why there is this "clear" class before footer? • How to set width of mat-table column in angular? • Center content vertically on Vuetify • bootstrap 4 file input doesn't show the file name • Bootstrap 4: responsive sidebar menu to top navbar • Stylesheet not loaded because of MIME-type • Force flex item to span full row width

Examples related to less

• Bootstrap fixed header and footer with scrolling body-content area in fluid-container • Is it possible to use vh minus pixels in a CSS calc()? • "Please try running this command again as Root/Administrator" error when trying to install LESS • How to use font-awesome icons from node-modules • Double border with different color • Disable LESS-CSS Overwriting calc() • Use table row coloring for cells in Bootstrap • Understanding Bootstrap's clearfix class • How to use if statements in LESS • Calculating width from percent to pixel then minus by pixel in LESS CSS