Sass

I just switched from LESS to Sass and I’m using CodeKit http://incident57.com/codekit/ to compile. I’ve been cleaning up a few syntax errors (mostly indents) that CodeKit is finding but this last one I don’t understand which has to do with font-face code:

@font-face {
	font-family: 'Eraser';
	src: url('../resources/fonts/Eraser/EraserRegular-webfont.eot');
	src: url('../resources/fonts/Eraser/EraserRegular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../resources/fonts/Eraser/EraserRegular-webfont.woff') format('woff'),
		url('../resources/fonts/Eraser/EraserRegular-webfont.ttf') format('truetype'),
		url('../resources/fonts/Eraser/EraserRegular-webfont.svg#EraserRegular') format('svg');
	font-weight: normal; font-style: normal;
}

The CodeKit error is supposedly on the

font-family: ‘Eraser’;

line. Here’s a screenshot of the error https://www.dropbox.com/s/bdfr1lkwpinnnn5/sass.tiff.

Todd
http://xiiro.com


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Todd,
It looks OK from an initial look over. I’ve used this example in the past which, compared to your example, appears to have only a single reference to the eot font;
Fontspring Blog – The New Bulletproof @Font-Face Syntax
Regards,
Tim.

Experienced Freeway designer for hire - http://www.freewayactions.com


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Tim,

I tried that but no luck. Besides the font-face code CodeKit is throwing all kinds of syntax errors for perfectly valid CSS. Odd, I didn’t have this problem with LESS.

Thanks,

Todd
http://xiiro.com


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It was a Sass thing. All fixed.

Todd
http://xiiro.com


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options