<commit_before>Sassy Ink
=========

A quick and dirty attempt to make a Sass version of [Ink](http://zurb.com/ink). 

Not perfect, but there are about 80 or so Sass variables provided in the `_settings.scss` file, including container width, number of columns, gutter width, etc... So it is a good start for someone looking for a simple Sass port. Still, there is much left to be done, so feel free to pitch in.

I tried to follow [Foundation](http://foundation.zurb.com/)'s structure and keep the generated CSS as close to the original as possible. Compare the Saas generated `ink.css` with the original, `ink-original.css`. Differences include:

* white space
* significant digits (8.333333% vs 8.33333%)
* rounding (16.666666% vs 16.66667%)
* Sass conversion of some hexadecimal colors to color names (#FFFFFF vs white) and other hexadecimal color annoyances (#555555 vs #555, etc..) Checkout [hexadecimal-colors](https://github.com/faustgertz/sassy-ink/tree/hexadecimal-colors) branch for one possible solution.

Otherwise, it is the same.

Note: I haven't yet figured out what to do with the docs, Gruntfile.js, bower.json, package.json, etc... 

Testing
=======
The only testing I am doing so far is comparing the Saas generated `ink.css` with Zurb's original `ink.css`.

Credit
======

* [ZURB](http://www.zurb.com) (obvious)
* [<NAME>](https://github.com/renemeye)'s [pull request #61](https://github.com/zurb/ink/pull/61). (less obvious)

Ink
===

Ink is a responsive email framework, used to make HTML emails look great on any client or device.  It includes a 12-column grid, as well as some simple UI elements for rapid prototyping.

Homepage:      http://zurb.com/ink<br />
Documentation: http://zurb.com/ink/docs.php<br />
Download:      http://zurb.com/ink/download.php

Ink was made by [ZURB](http://www.zurb.com), is MIT-licensed, and absolutely free to use.

Diff
====
diff -w ink-original.css ink.css

	22d21
	<
	288c287
	<   width: 8.333333%;
	---
	>   width: 8.33333%;
	293c292
	<   width: 16.666666%;
	---
	>   width: 16.66667%;
	303c302
	<   width: 33.333333%;
	---
	>   width: 33.33333%;
	308c307
	<   width: 41.666666%;
	---
	>   width: 41.66667%;
	318c317
	<   width: 58.333333%;
	---
	>   width: 58.33333%;
	323c322
	<   width: 66.666666%;
	---
	>   width: 66.66667%;
	333c332
	<   width: 83.333333%;
	---
	>   width: 83.33333%;
	338c337
	<   width: 91.666666%;
	---
	>   width: 91.66667%;
	489c488
	<   font-family: "Helvetica", "Arial", sans-serif;
	---
	>   font-family: Helvetica, Arial, sans-serif;
	622c621
	<   color: #ffffff;
	---
	>   color: white;
	650c649
	<   color: #ffffff;
	---
	>   color: white;
	683c682
	<   color: #fff !important;
	---
	>   color: white !important;
	709c708
	<   color: #ffffff !important;
	---
	>   color: white !important;
	715c714
	<   color: #555;
	---
	>   color: #555555;
	719c718
	<   color: #555;
	---
	>   color: #555555;
	724c723
	<   color: #555;
	---
	>   color: #555555;
	730c729
	<   color: #555 !important;
	---
	>   color: #555555 !important;
	815c814
	<     width: 8.333333% !important;
	---
	>     width: 8.33333% !important;
	820c819
	<     width: 16.666666% !important;
	---
	>     width: 16.66667% !important;
	830c829
	<     width: 33.333333% !important;
	---
	>     width: 33.33333% !important;
	835c834
	<     width: 41.666666% !important;
	---
	>     width: 41.66667% !important;
	845c844
	<     width: 58.333333% !important;
	---
	>     width: 58.33333% !important;
	850c849
	<     width: 66.666666% !important;
	---
	>     width: 66.66667% !important;
	860c859
	<     width: 83.333333% !important;
	---
	>     width: 83.33333% !important;
	865c864
	<     width: 91.666666% !important;
	---
	>     width: 91.66667% !important;
	873,883c872
	<   table[class="body"] td.offset-by-one,
	<   table[class="body"] td.offset-by-two,
	<   table[class="body"] td.offset-by-three,
	<   table[class="body"] td.offset-by-four,
	<   table[class="body"] td.offset-by-five,
	<   table[class="body"] td.offset-by-six,
	<   table[class="body"] td.offset-by-seven,
	<   table[class="body"] td.offset-by-eight,
	<   table[class="body"] td.offset-by-nine,
	<   table[class="body"] td.offset-by-ten,
	<   table[class="body"] td.offset-by-eleven {
	---
	>   table[class="body"] td.offset-by-one, table[class="body"] td.offset-by-two, table[class="body"] td.offset-by-three, table[class="body"] td.offset-by-four, table[class="body"] td.offset-by-five, table[class="body"] td.offset-by-six, table[class="body"] td.offset-by-seven, table[class="body"] td.offset-by-eight, table[class="body"] td.offset-by-nine, table[class="body"] td.offset-by-ten, table[class="body"] td.offset-by-eleven {<commit_msg>Update README.md with changes and SASS precision hint.<commit_after>Sassy Ink
=========

A quick and dirty attempt to make a Sass version of [Ink](http://zurb.com/ink). 

Not perfect, but there are about 80 or so Sass variables provided in the `_settings.scss` file, including container width, number of columns, gutter width, etc... So it is a good start for someone looking for a simple Sass port. Still, there is much left to be done, so feel free to pitch in.

I tried to follow [Foundation](http://foundation.zurb.com/)'s structure and keep the generated CSS as close to the original as possible. Compare the Saas generated `ink.css` with the original, `ink-original.css`. Differences include:

* white space
* <del>significant digits (8.333333% vs 8.33333%)</del> (as long as precision is set to 6)
* rounding (16.666666% vs 16.666667%)
* <del>Sass conversion of some hexadecimal colors to color names (#FFFFFF vs white) and</del> other hexadecimal color annoyances (#555555 vs #555, etc..)

Otherwise, it is the same.

Note: I haven't yet figured out what to do with the docs, `Gruntfile.js`, `bower.json`, `package.json`, etc... 

Precision
=========
In order to have the same number of significant digits as in the original Zurb ink.css, you must set the precision to 6. For example:

	sass --precision 6 scss/ink.scss css/ink.css

In the Compass `config.rb`:
	
	Sass::Script::Number.precision = 6

In `Gruntfile.js`:

	grunt.initConfig({
	  sass: {
	    dist: {
	      options: {
	        precision: 6
	      },
	      files: {
	        'css/ink.css': 'scss/ink.scss'
	      }
	    }
	  }
	});
	grunt.loadNpmTasks('grunt-contrib-sass');
	grunt.registerTask('default', ['sass']);

Testing
=======
The only testing I am doing so far is comparing the Saas generated `ink.css` with Zurb's original `ink.css`.

Diff
====
`diff -bB ink.css sassy-ink.css`

	293c292
	<   width: 16.666666%;
	---
	>   width: 16.666667%;
	308c307
	<   width: 41.666666%;
	---
	>   width: 41.666667%;
	323c322
	<   width: 66.666666%;
	---
	>   width: 66.666667%;
	338c337
	<   width: 91.666666%;
	---
	>   width: 91.666667%;
	489c488
	<   font-family: "Helvetica", "Arial", sans-serif;
	---
	>   font-family: Helvetica, Arial, sans-serif;
	683c682
	<   color: #fff !important;
	---
	>   color: #ffffff !important;
	715c714
	<   color: #555;
	---
	>   color: #555555;
	719c718
	<   color: #555;
	---
	>   color: #555555;
	724c723
	<   color: #555;
	---
	>   color: #555555;
	730c729
	<   color: #555 !important;
	---
	>   color: #555555 !important;
	820c819
	<     width: 16.666666% !important;
	---
	>     width: 16.666667% !important;
	835c834
	<     width: 41.666666% !important;
	---
	>     width: 41.666667% !important;
	850c849
	<     width: 66.666666% !important;
	---
	>     width: 66.666667% !important;
	865c864
	<     width: 91.666666% !important;
	---
	>     width: 91.666667% !important;
	873,883c872
	<   table[class="body"] td.offset-by-one,
	<   table[class="body"] td.offset-by-two,
	<   table[class="body"] td.offset-by-three,
	<   table[class="body"] td.offset-by-four,
	<   table[class="body"] td.offset-by-five,
	<   table[class="body"] td.offset-by-six,
	<   table[class="body"] td.offset-by-seven,
	<   table[class="body"] td.offset-by-eight,
	<   table[class="body"] td.offset-by-nine,
	<   table[class="body"] td.offset-by-ten,
	<   table[class="body"] td.offset-by-eleven {
	---
	>   table[class="body"] td.offset-by-one, table[class="body"] td.offset-by-two, table[class="body"] td.offset-by-three, table[class="body"] td.offset-by-four, table[class="body"] td.offset-by-five, table[class="body"] td.offset-by-six, table[class="body"] td.offset-by-seven, table[class="body"] td.offset-by-eight, table[class="body"] td.offset-by-nine, table[class="body"] td.offset-by-ten, table[class="body"] td.offset-by-eleven {

Of these, the only ones that seem like they could make a difference are:

	293c292
	<   width: 16.666666%;
	---
	>   width: 16.666667%;
	308c307
	<   width: 41.666666%;
	---
	>   width: 41.666667%;
	323c322
	<   width: 66.666666%;
	---
	>   width: 66.666667%;
	338c337
	<   width: 91.666666%;
	---
	>   width: 91.666667%;
	820c819
	<     width: 16.666666% !important;
	---
	>     width: 16.666667% !important;
	835c834
	<     width: 41.666666% !important;
	---
	>     width: 41.666667% !important;
	850c849
	<     width: 66.666666% !important;
	---
	>     width: 66.666667% !important;
	865c864
	<     width: 91.666666% !important;
	---
	>     width: 91.666667% !important;

Credit
======

* [ZURB](http://www.zurb.com) (obvious)
* [<NAME>](https://github.com/renemeye)'s [pull request #61](https://github.com/zurb/ink/pull/61). (less obvious)

Ink
===

Ink is a responsive email framework, used to make HTML emails look great on any client or device.  It includes a 12-column grid, as well as some simple UI elements for rapid prototyping.

Homepage:      http://zurb.com/ink<br />
Documentation: http://zurb.com/ink/docs.php<br />
Download:      http://zurb.com/ink/download.php

Ink was made by [ZURB](http://www.zurb.com), is MIT-licensed, and absolutely free to use.
{'fraction_non_alphanumeric': 0.16649590163934427, 'fraction_numerical': 0.09877049180327868, 'mean_word_length': 3.164249146757679, 'pattern_counts': {'":': 0, '<': 83, '<?xml version=': 0, '>': 62, 'https://': 5, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1901544', 'n_tokens_mistral': 4406, 'n_tokens_neox': 3669, 'n_words': 931}