recoverysoli.blogg.se

Codekit responsive email
Codekit responsive email







codekit responsive email

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.

codekit responsive email

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.

  • You can easily verify that you are getting all the benefits of Ink because the generated CSS is as close to Zurb's original ink.css as possible.
  • If you are familiar with Foundation (or even Bootstrap), you are familiar with Sassy Ink.
  • Pretty closely follows Foundation's Sass structure and naming conventions.
  • Sassy Ink makes it easy to customize container width, number of columns, gutter width, break point, colors, font sizes, font-families, margins, padding, etc. Sassy Ink provides 80 or so customizable variables.
  • Zurb's Ink is the leading responsive email framework.
  • If you are going to build a responsive HTML email, treat yourself to the most customizable version of the leading framework, Sassy Ink.

    codekit responsive email

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









    Codekit responsive email