CODEWITHSUNDEEP
sassweb-essentials
Chris Barr
Chris Barr

Reputation: 34093

How to fix Web Essentials number precision issue with SASS?

Currently, Web Essentials for Visual Studio 2013 supports SASS compilation. When when I compile a SASS variable with more than 5 decimal places, that number gets trimmed.

SASS

.example{ 
    line-height: 1.428571429; 
}

becomes

CSS

.example { 
    line-height: 1.42857; 
}

This is especially an issue with Bootstrap 3, as they use the above example for line height in buttons. The trimmed output number results in different button height across browsers.

Is there a way to change the SASS number precision through Web Essentials? I've opened up a feature request with them if it is not available.

Upvotes: 2

Views: 273

Answers (2)

tic
tic

Reputation: 2512

Inside your compilerconfig.json file in Visual Studio add the option:

"options": {"precision": 10}

Upvotes: 1

Chris Barr
Chris Barr

Reputation: 34093

A PR was made to the Web Essentials project for this feature, so it should now be in there.

However, I no longer use Web Essentials for SASS compilation so I'm unsure if this is still the case.

Upvotes: 0

Related Questions