Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

$o-ft-icons-is-silent: false;

$o-assets-global-path: '/bower_components/' !default;

$o-assets-paths-map: () !default;

// Deprecated - remove in v2
@function oAssetsUse ($asset, $module, $version) {

	@warn "`oAssetsUse` is deprecated and will be removed in next major release. Use `oAssetsResolve` instead. You should also remove `$#{$module}-version` and `$#{$module}-assets-path` from your module";

	$full-path: $asset;

	// If the version hasn't been set and the module path is just a module name, we can use oAssetsResolve
	@if ($module and str-index($module, 'o-') == 0 and str-index($module, '/') == null and $version == null) {
		// looks like the module's used the old syntax but the product hasn't overridden the default paths
		// using variables, so we should use the new method of checking o-assets-paths-map
		@return oAssetsResolve ($asset, $module);

	} @else if ($module) {
		@if ($version) {
			$full-path: $module + '@' + $version + '/' + $full-path;
		} @else {
			$full-path: $module + '/' + $full-path;
		}
	}

	@if ($o-assets-global-path) {
		$full-path: $o-assets-global-path + $full-path;
	}

	@return #{$full-path};
}

@function oAssetsResolve ($asset, $module) {

	$full-path: $asset;

	@if (map-has-key($o-assets-paths-map, $module)) {
		$module-path: map-get($o-assets-paths-map, $module);

		// allows putting assets in single directory shared by all modules
		@if ($module-path) {
			$full-path: $module-path + '/' + $full-path;
		}
	} @else {
		// defaults to use module name
		$full-path: $module + '/' + $full-path;

		// Only add the global path if a custom path hasn't been set
		@if ($o-assets-global-path) {
			$full-path: $o-assets-global-path + $full-path;
		}
	}

	@return #{$full-path};
}

@mixin oAssetsSetModulePaths ($path-map) {
	$o-assets-paths-map: map-merge($o-assets-paths-map, $path-map) !global;
}


@function oAssetsSetModulePaths ($path-map) {
	@warn "oAssetsSetModulePaths is a mixin, not a function; use @include oAssetsSetModulePaths($path-map)"
}

$o-useragent-is-silent: true !default;
$o-useragent-vendor-prefixes: webkit moz ms o !default;
$_o-useragent-targeted-useragents: () !default;
$_o-useragent-emitted-warning: false !default;

// appends a useragent selector to an existing list of selectors
@function _oUseragentAppendSelector ($aggregate, $useragent, $version: null) {
	@if ($version) {
		$useragent: $useragent$version;
	}
	@if(not index($_o-useragent-targeted-useragents, $useragent)) {
		$_o-useragent-targeted-useragents: append($_o-useragent-targeted-useragents, $useragent) !global;
	}
	@if (not $_o-useragent-emitted-warning) {
		$_o-useragent-emitted-warning: true !global;
	}
	$selector: o-useragent- + $useragent;
	$aggregate: append($aggregate, #{'%#{$selector}'}, comma);
	@if (not $o-useragent-is-silent) {
		$aggregate: append($aggregate, #{'.#{$selector}'}, comma);
	}
	@return $aggregate;
}

// wraps styles aimed at a particular user agent in a class (definable at product level but defaulting to o-useragent-{useragent name})
@mixin oUseragentTarget ($useragents, $versions: null) {

	$selector: null;

	// Target at version-level (may apply only to a single browser family)
	@if (count($useragents) == 1 and $versions) {
		@each $version in $versions {
			$selector: _oUseragentAppendSelector($selector, $useragents, $version);
		}

	// Target at browser-level
	} @else {
		@each $useragent in $useragents {
			$selector: _oUseragentAppendSelector($selector, $useragent);
		}
	}
	@if ($selector) {
		#{$selector} { @content }
	}
}

@mixin oUseragentListTargets() {}



@mixin _oUseragentSinglePrefix ($prefix, $prop, $val, $apply-prefix-to-value, $apply-prefix-to-prop) {
	@if ($apply-prefix-to-value) {
		$val: #{$prefix + $val};
	}
	@if ($apply-prefix-to-prop) {
		$prop: #{$prefix + $prop};
	}
	#{$prop}: $val;
}

@mixin oUseragentPrefixer ($prop, $val, $apply-prefix-to-value: false, $apply-prefix-to-prop: true, $prefixes: $o-useragent-vendor-prefixes) {
	@each $prefix in $prefixes {
		@if (index($o-useragent-vendor-prefixes, $prefix)) {
			@include _oUseragentSinglePrefix(#{'-' + $prefix + '-'}, $prop, $val, $apply-prefix-to-value, $apply-prefix-to-prop);
		}
	}
	#{$prop}: $val;
}

$o-ft-icons-is-silent: true !default;

$_o-ft-icons-font-name: 'ft-icons';
$_o-ft-icons-font-face-already-output: false;

@function oFtIconsGetSelectors($icon) {
	$aggregated-selector: ();
	$aggregated-selector: append($aggregated-selector, #{'%o-ft-icons-#{$icon}'}, comma);
	@if (not $o-ft-icons-is-silent) {
		$aggregated-selector: append($aggregated-selector, #{'.o-ft-icons-#{$icon}'}, comma);
	}
	@return $aggregated-selector;
}

@mixin oFtIconsFontFace() {
	@if (not $_o-ft-icons-font-face-already-output) {
		$_o-ft-icons-font-face-already-output: true;
		@font-face {
			font-family: $_o-ft-icons-font-name;
			src: url(oAssetsResolve($_o-ft-icons-font-file-name + ".eot", o-ft-icons));
			src: url(oAssetsResolve($_o-ft-icons-font-file-name + ".eot?#iefix", o-ft-icons)) format("embedded-opentype"),
				 url(oAssetsResolve($_o-ft-icons-font-file-name + ".woff", o-ft-icons)) format("woff"),
				 url(oAssetsResolve($_o-ft-icons-font-file-name + ".ttf", o-ft-icons)) format("truetype");
			font-weight:normal;
			font-style:normal;
		}
	}
}

// Base styles for all icons
@mixin oFtIconsBaseIconStyles() {
	font-family: $_o-ft-icons-font-name;
	display: inline-block;
	vertical-align: middle;
	// These are marked as !important as the icon font is not designed to be used with faux bold or faux italic styles
	// If bolder versions of an icon are required a new SVG should be designed and added to the icon font
	font-weight: normal !important; 
	font-style: normal !important;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

// Placeholder (and optionally concrete class) for individual icon (modern browsers)
@mixin _oFtIconsStandardsIcon($icon-class, $character-code, $placement: 'before') {
	$icon-selectors: oFtIconsGetSelectors("#{$icon-class}:#{$placement}");
	#{$icon-selectors} {
		// a hack to enable outputting of a single backslash; escaping in sass is a bit of a mess!
		content: str-slice("\x",1,1) + $character-code;
	}
}

// Placeholder (and optionally concrete class) for individual icon (IE7 hack)
@mixin _oFtIconsIe7Icon($icon-class, $character-code) {

	$icon-selectors: oFtIconsGetSelectors($icon-class);
 	@include oUseragentTarget(ie7) {
		#{$icon-selectors} {
			*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '#{"&#x#{$character-code}; "}');
		}
 	}
}

@mixin oFtIconsIcon ($icon-name, $character-code) {
	@include _oFtIconsIe7Icon(icon--#{$icon-name}, $character-code);
	@include _oFtIconsStandardsIcon(icon--#{$icon-name}, $character-code);
	@include _oFtIconsStandardsIcon(icon--#{$icon-name}--after, $character-code, after);
}

// DO NOT EDIT. This file is generated by grunt-webfont
$_o-ft-icons-font-file-name: str-slice('url("../build/ft-icons-f414da96fb9364a6326bee01eb65edef.eot")', 9, -7);


// Define character code for each icon
$_o-ft-icons-icon-map: (

	
		arrow-down: e001,
	
		arrow-downwards: e002,
	
		arrow-left: e003,
	
		arrow-right: e004,
	
		arrow-up-down: e005,
	
		arrow-up: e006,
	
		arrow-upwards: e007,
	
		brand-always-learning: e008,
	
		brand-fast-ft: e009,
	
		brand-fast: e00a,
	
		brand-ft-logo-square: e00b,
	
		brand-ft-masthead: e00c,
	
		brand-ft: e00d,
	
		brand-pearson: e00e,
	
		clippings: e00f,
	
		comment: e010,
	
		cross: e011,
	
		email: e012,
	
		eye: e013,
	
		font-size: e014,
	
		gift: e015,
	
		hamburger: e016,
	
		more: e017,
	
		pinterest: e018,
	
		printer: e019,
	
		profile: e01a,
	
		refresh: e01b,
	
		search: e01c,
	
		section-arts: e01d,
	
		section-blogs: e01e,
	
		section-business-education: e01f,
	
		section-business-life: e020,
	
		section-columnists: e021,
	
		section-companies: e022,
	
		section-ftfm: e023,
	
		section-house-and-home: e024,
	
		section-leader-and-letters: e025,
	
		section-lex: e026,
	
		section-magazine: e027,
	
		section-markets-data: e028,
	
		section-markets: e029,
	
		section-money: e02a,
	
		section-special-report: e02b,
	
		section-uk: e02c,
	
		section-world: e02d,
	
		settings: e02e,
	
		share: e02f,
	
		sign-in: e030,
	
		sign-out: e031,
	
		social-email: e032,
	
		social-facebook: e033,
	
		social-linkedin: e034,
	
		social-twitter: e035,
	
		speechbubble: e036,
	
		subscribe: e037,
	
		thumb-up: e038,
	
		tick: e039
	

);

@if (not $o-ft-icons-is-silent) {
    @include oFtIconsFontFace();
}

// Output base styles, either as just a placeholder class, or optionally a concrete class too.
$o-ft-icons-base-icon-selectors: oFtIconsGetSelectors(icon);
#{$o-ft-icons-base-icon-selectors} {
    @include oFtIconsBaseIconStyles();
}


// Call mixins for each icon 
@each $icon-name, $character-code in $_o-ft-icons-icon-map {
    @include oFtIconsIcon($icon-name, $character-code);
}

SassMeister-output.css

@font-face {
  font-family: "ft-icons";
  src: url(/bower_components/o-ft-icons/build/ft-icons-f414da96fb9364a6326bee01eb65edef.eot);
  src: url(/bower_components/o-ft-icons/build/ft-icons-f414da96fb9364a6326bee01eb65edef.eot?#iefix) format("embedded-opentype"), url(/bower_components/o-ft-icons/build/ft-icons-f414da96fb9364a6326bee01eb65edef.woff) format("woff"), url(/bower_components/o-ft-icons/build/ft-icons-f414da96fb9364a6326bee01eb65edef.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
.o-ft-icons-icon {
  font-family: "ft-icons";
  display: inline-block;
  vertical-align: middle;
  font-weight: normal !important;
  font-style: normal !important;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.o-ft-icons-icon--arrow-down:before {
  content: "xe001";
}

.o-ft-icons-icon--arrow-down--after:after {
  content: "xe001";
}

.o-ft-icons-icon--arrow-downwards:before {
  content: "xe002";
}

.o-ft-icons-icon--arrow-downwards--after:after {
  content: "xe002";
}

.o-ft-icons-icon--arrow-left:before {
  content: "xe003";
}

.o-ft-icons-icon--arrow-left--after:after {
  content: "xe003";
}

.o-ft-icons-icon--arrow-right:before {
  content: "xe004";
}

.o-ft-icons-icon--arrow-right--after:after {
  content: "xe004";
}

.o-ft-icons-icon--arrow-up-down:before {
  content: "xe005";
}

.o-ft-icons-icon--arrow-up-down--after:after {
  content: "xe005";
}

.o-ft-icons-icon--arrow-up:before {
  content: "xe006";
}

.o-ft-icons-icon--arrow-up--after:after {
  content: "xe006";
}

.o-ft-icons-icon--arrow-upwards:before {
  content: "xe007";
}

.o-ft-icons-icon--arrow-upwards--after:after {
  content: "xe007";
}

.o-ft-icons-icon--brand-always-learning:before {
  content: "xe008";
}

.o-ft-icons-icon--brand-always-learning--after:after {
  content: "xe008";
}

.o-ft-icons-icon--brand-fast-ft:before {
  content: "xe009";
}

.o-ft-icons-icon--brand-fast-ft--after:after {
  content: "xe009";
}

.o-ft-icons-icon--brand-fast:before {
  content: "xe00a";
}

.o-ft-icons-icon--brand-fast--after:after {
  content: "xe00a";
}

.o-ft-icons-icon--brand-ft-logo-square:before {
  content: "xe00b";
}

.o-ft-icons-icon--brand-ft-logo-square--after:after {
  content: "xe00b";
}

.o-ft-icons-icon--brand-ft-masthead:before {
  content: "xe00c";
}

.o-ft-icons-icon--brand-ft-masthead--after:after {
  content: "xe00c";
}

.o-ft-icons-icon--brand-ft:before {
  content: "xe00d";
}

.o-ft-icons-icon--brand-ft--after:after {
  content: "xe00d";
}

.o-ft-icons-icon--brand-pearson:before {
  content: "xe00e";
}

.o-ft-icons-icon--brand-pearson--after:after {
  content: "xe00e";
}

.o-ft-icons-icon--clippings:before {
  content: "xe00f";
}

.o-ft-icons-icon--clippings--after:after {
  content: "xe00f";
}

.o-ft-icons-icon--comment:before {
  content: "xe010";
}

.o-ft-icons-icon--comment--after:after {
  content: "xe010";
}

.o-ft-icons-icon--cross:before {
  content: "xe011";
}

.o-ft-icons-icon--cross--after:after {
  content: "xe011";
}

.o-ft-icons-icon--email:before {
  content: "xe012";
}

.o-ft-icons-icon--email--after:after {
  content: "xe012";
}

.o-ft-icons-icon--eye:before {
  content: "xe013";
}

.o-ft-icons-icon--eye--after:after {
  content: "xe013";
}

.o-ft-icons-icon--font-size:before {
  content: "xe014";
}

.o-ft-icons-icon--font-size--after:after {
  content: "xe014";
}

.o-ft-icons-icon--gift:before {
  content: "xe015";
}

.o-ft-icons-icon--gift--after:after {
  content: "xe015";
}

.o-ft-icons-icon--hamburger:before {
  content: "xe016";
}

.o-ft-icons-icon--hamburger--after:after {
  content: "xe016";
}

.o-ft-icons-icon--more:before {
  content: "xe017";
}

.o-ft-icons-icon--more--after:after {
  content: "xe017";
}

.o-ft-icons-icon--pinterest:before {
  content: "xe018";
}

.o-ft-icons-icon--pinterest--after:after {
  content: "xe018";
}

.o-ft-icons-icon--printer:before {
  content: "xe019";
}

.o-ft-icons-icon--printer--after:after {
  content: "xe019";
}

.o-ft-icons-icon--profile:before {
  content: "xe01a";
}

.o-ft-icons-icon--profile--after:after {
  content: "xe01a";
}

.o-ft-icons-icon--refresh:before {
  content: "xe01b";
}

.o-ft-icons-icon--refresh--after:after {
  content: "xe01b";
}

.o-ft-icons-icon--search:before {
  content: "xe01c";
}

.o-ft-icons-icon--search--after:after {
  content: "xe01c";
}

.o-ft-icons-icon--section-arts:before {
  content: "xe01d";
}

.o-ft-icons-icon--section-arts--after:after {
  content: "xe01d";
}

.o-ft-icons-icon--section-blogs:before {
  content: "xe01e";
}

.o-ft-icons-icon--section-blogs--after:after {
  content: "xe01e";
}

.o-ft-icons-icon--section-business-education:before {
  content: "xe01f";
}

.o-ft-icons-icon--section-business-education--after:after {
  content: "xe01f";
}

.o-ft-icons-icon--section-business-life:before {
  content: "xe020";
}

.o-ft-icons-icon--section-business-life--after:after {
  content: "xe020";
}

.o-ft-icons-icon--section-columnists:before {
  content: "xe021";
}

.o-ft-icons-icon--section-columnists--after:after {
  content: "xe021";
}

.o-ft-icons-icon--section-companies:before {
  content: "xe022";
}

.o-ft-icons-icon--section-companies--after:after {
  content: "xe022";
}

.o-ft-icons-icon--section-ftfm:before {
  content: "xe023";
}

.o-ft-icons-icon--section-ftfm--after:after {
  content: "xe023";
}

.o-ft-icons-icon--section-house-and-home:before {
  content: "xe024";
}

.o-ft-icons-icon--section-house-and-home--after:after {
  content: "xe024";
}

.o-ft-icons-icon--section-leader-and-letters:before {
  content: "xe025";
}

.o-ft-icons-icon--section-leader-and-letters--after:after {
  content: "xe025";
}

.o-ft-icons-icon--section-lex:before {
  content: "xe026";
}

.o-ft-icons-icon--section-lex--after:after {
  content: "xe026";
}

.o-ft-icons-icon--section-magazine:before {
  content: "xe027";
}

.o-ft-icons-icon--section-magazine--after:after {
  content: "xe027";
}

.o-ft-icons-icon--section-markets-data:before {
  content: "xe028";
}

.o-ft-icons-icon--section-markets-data--after:after {
  content: "xe028";
}

.o-ft-icons-icon--section-markets:before {
  content: "xe029";
}

.o-ft-icons-icon--section-markets--after:after {
  content: "xe029";
}

.o-ft-icons-icon--section-money:before {
  content: "xe02a";
}

.o-ft-icons-icon--section-money--after:after {
  content: "xe02a";
}

.o-ft-icons-icon--section-special-report:before {
  content: "xe02b";
}

.o-ft-icons-icon--section-special-report--after:after {
  content: "xe02b";
}

.o-ft-icons-icon--section-uk:before {
  content: "xe02c";
}

.o-ft-icons-icon--section-uk--after:after {
  content: "xe02c";
}

.o-ft-icons-icon--section-world:before {
  content: "xe02d";
}

.o-ft-icons-icon--section-world--after:after {
  content: "xe02d";
}

.o-ft-icons-icon--settings:before {
  content: "xe02e";
}

.o-ft-icons-icon--settings--after:after {
  content: "xe02e";
}

.o-ft-icons-icon--share:before {
  content: "xe02f";
}

.o-ft-icons-icon--share--after:after {
  content: "xe02f";
}

.o-ft-icons-icon--sign-in:before {
  content: "xe030";
}

.o-ft-icons-icon--sign-in--after:after {
  content: "xe030";
}

.o-ft-icons-icon--sign-out:before {
  content: "xe031";
}

.o-ft-icons-icon--sign-out--after:after {
  content: "xe031";
}

.o-ft-icons-icon--social-email:before {
  content: "xe032";
}

.o-ft-icons-icon--social-email--after:after {
  content: "xe032";
}

.o-ft-icons-icon--social-facebook:before {
  content: "xe033";
}

.o-ft-icons-icon--social-facebook--after:after {
  content: "xe033";
}

.o-ft-icons-icon--social-linkedin:before {
  content: "xe034";
}

.o-ft-icons-icon--social-linkedin--after:after {
  content: "xe034";
}

.o-ft-icons-icon--social-twitter:before {
  content: "xe035";
}

.o-ft-icons-icon--social-twitter--after:after {
  content: "xe035";
}

.o-ft-icons-icon--speechbubble:before {
  content: "xe036";
}

.o-ft-icons-icon--speechbubble--after:after {
  content: "xe036";
}

.o-ft-icons-icon--subscribe:before {
  content: "xe037";
}

.o-ft-icons-icon--subscribe--after:after {
  content: "xe037";
}

.o-ft-icons-icon--thumb-up:before {
  content: "xe038";
}

.o-ft-icons-icon--thumb-up--after:after {
  content: "xe038";
}

.o-ft-icons-icon--tick:before {
  content: "xe039";
}

.o-ft-icons-icon--tick--after:after {
  content: "xe039";
}