Gostaria de saber como prefixar um valor (como calc) com a Stylus. Quando comecei a criar uma calc()
função personalizada , encontrei uma solução embutida, como de costume!
Stylus:
@_import 'nib/vendor' // ← remove the _ after the @: Coderwall bug
vendor-prefixes = webkit moz o ms official
#myselector
// without unquote(), Stylus would calculate 100% - 25px
height vendor-value( calc(unquote('100% - 25px')) )
Saída CSS:
#myselector {
height: -webkit-calc(100% - 25px);
height: -moz-calc(100% - 25px);
height: -o-calc(100% - 25px);
height: -ms-calc(100% - 25px);
height: calc(100% - 25px);
}