cssの変数と計算

program

https://developer.mozilla.org/ja/docs/Web/CSS/Using_CSS_variables
https://developer.mozilla.org/ja/docs/Web/CSS/calc
以下のような感じ。calcはIE11でも使えるが変数はIE11では使えない。
簡単な内容ならLESSとか使わなくていいな。(カラー関数とか文字結合とかがあるので、不要にはならないと思うが)

:root { --title-height: 50px; } 

html, body {
	height: 100%;
}
#title {
	height: var(--title-height);
}
#fullscreenWithoutTitle {
	height: calc(100% - var(--title-height));
}