CSS3 - Less中calc计算属性

前言

    在写普通的CSS样式时，计算属性的写法如下：

.box {
	widhth: 100%;
	height: calc(100% - 50px);
}

Less中的写法

.box {
	width: 100%;
	height: calc(~"100% - 30px");
	// 效果相同
	height: ~"calc(100% - 60px)";
}

stylus中的写法

.box {
    width 'calc(100% - %s)' % 80px
	height 100%
}