

In the Compass config.rb: Sass::Script::Number.precision = 6 For example: sass -precision 6 scss/ink.scss css/ink.css In order to have the same number of significant digits as in the original Zurb ink.css, you must set the precision to 6. So, unless you are doing customization beyond setting variables in _settings.scss, this is not likely to be a problem. Fortunately, the incompatibility is limited to the export mixin, which is used to prevent styles from being loaded multiple times for components that rely on other components. Using !global to fix this is incompatible with Sass < 3.3 and would break current versions of Koala and Scout most versions of Compass less than 1.0.1 (August 18, 2014) and probably several other Sass compilers. It is not necessarily compatible with Sass >= 3.4 because assigning to global variables by default is deprecated. It also appears to be compatible with Scout 0.7.1, even though Scout looks like it's using Sass 3.2.1. Runtime DependenciesĪs of this writing, Sassy Ink is still compatible with Compass versions 0.12.2 through 1.0.1 (as long Sass is between version 3.2.5 and 3.3.13), Koala 2.0.3, and CodeKit 2.1.3. Be sure to compile Sass stylesheets to CSS in order see any changes. Find the variable, uncomment the style, and change its value. Making changes is simple, in _settings.scss find the element you want to style.

You will want to make changes to the settings file which includes 80 or so variables that can be customized for each component.
CODEKIT RESPONSIVE EMAIL FREE
There is much left to do, so please feel free to pitch in. It is a great start for a simple Sass port. font-family: Helvetica, Arial, sans-serif In fact, the differences are an improvement.ĭiff -bB test/results/target.css test/results/ink.css 489c488 If you don't touch the default variables, the differences are trivial.

The unofficial Sass port of Ink, Zurb's responsive email framework.
