LESS Input:
CSS Result:
/* Some example LESS CSS */ @base-color: #f938ab; @box-size: 400px; .box-shadow (@x: 0, @y: 0, @blur: 1px, @alpha) { @val: @x @y @blur rgba(0, 0, 0, @alpha); box-shadow: @val; -o-box-shadow: @val; -ms-box-shadow: @val; -webkit-box-shadow: @val; -moz-box-shadow: @val; } .box { @color: saturate(@base-color, 5%); color: @color; border-color: lighten(@color, 30%); > div, span { &:hover { color: darken(@color, 50%); .box-shadow(0, 0, 5px, 0.8); } width: (@box-size * 2) + 10px; .box-shadow(0, 0, 5px, 0.4); } }
Simple LESS Live Editor
By
Severin Klaus
, using
LESS CSS
and
CodeMirror
. Rights are reserved.