frameworks/compass/stylesheets/compass/css3/_font-face.scss in compass-sourcemaps-0.12.3.sourcemaps.a4836f1 vs frameworks/compass/stylesheets/compass/css3/_font-face.scss in compass-sourcemaps-0.12.4.sourcemaps.a4836f1

- old
+ new

@@ -1,48 +1,48 @@ -@import "shared"; - -// Cross-browser support for @font-face. Supports IE, Gecko, Webkit, Opera. -// -// * $name is required, arbitrary, and what you will use in font stacks. -// * $font-files is required using font-files('relative/location', 'format'). -// for best results use this order: woff, opentype/truetype, svg -// * $eot is required by IE, and is a relative location of the eot file. -// * $weight shows if the font is bold, defaults to normal -// * $style defaults to normal, might be also italic -// * For android 2.2 Compatiblity, please ensure that your web page has -// a meta viewport tag. -// * To support iOS < 4.2, an SVG file must be provided -// -// If you need to generate other formats check out the Font Squirrel -// [font generator](http://www.fontsquirrel.com/fontface/generator) -// - -// In order to refer to a specific style of the font in your stylesheets as -// e.g. "font-style: italic;", you may add a couple of @font-face includes -// containing the respective font files for each style and specying -// respective the $style parameter. - -// Order of the includes matters, and it is: normal, bold, italic, bold+italic. - -@mixin font-face( - $name, - $font-files, - $eot: false, - $weight: false, - $style: false -) { - $iefont: unquote("#{$eot}?#iefix"); - @font-face { - font-family: quote($name); - @if $eot { - src: font-url($eot); - $font-files: font-url($iefont) unquote("format('embedded-opentype')"), $font-files; - } - src: $font-files; - @if $weight { - font-weight: $weight; - } - @if $style { - font-style: $style; - } - } -} +@import "shared"; + +// Cross-browser support for @font-face. Supports IE, Gecko, Webkit, Opera. +// +// * $name is required, arbitrary, and what you will use in font stacks. +// * $font-files is required using font-files('relative/location', 'format'). +// for best results use this order: woff, opentype/truetype, svg +// * $eot is required by IE, and is a relative location of the eot file. +// * $weight shows if the font is bold, defaults to normal +// * $style defaults to normal, might be also italic +// * For android 2.2 Compatiblity, please ensure that your web page has +// a meta viewport tag. +// * To support iOS < 4.2, an SVG file must be provided +// +// If you need to generate other formats check out the Font Squirrel +// [font generator](http://www.fontsquirrel.com/fontface/generator) +// + +// In order to refer to a specific style of the font in your stylesheets as +// e.g. "font-style: italic;", you may add a couple of @font-face includes +// containing the respective font files for each style and specying +// respective the $style parameter. + +// Order of the includes matters, and it is: normal, bold, italic, bold+italic. + +@mixin font-face( + $name, + $font-files, + $eot: false, + $weight: false, + $style: false +) { + $iefont: unquote("#{$eot}?#iefix"); + @font-face { + font-family: quote($name); + @if $eot { + src: font-url($eot); + $font-files: font-url($iefont) unquote("format('embedded-opentype')"), $font-files; + } + src: $font-files; + @if $weight { + font-weight: $weight; + } + @if $style { + font-style: $style; + } + } +}