Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.1.0)
// ----

@import 'toolkit';

@font-face {
	font-family: 'ibm';
	src:url('/fonts/ibm.eot?mvq1yt');
	src:url('/fonts/ibm.eot?#iefixmvq1yt') format('embedded-opentype'),
		url('/fonts/ibm.woff?mvq1yt') format('woff'),
		url('/fonts/ibm.ttf?mvq1yt') format('truetype'),
		url('/fonts/ibm.svg?mvq1yt#ibm') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon--"] {
	@include icon-font('ibm', $extend: true);
}

.icon--BEE {
	color: grey;
	text-shadow: 1px 1px black;
	transition: .2s ease-in-out color;

	&:hover {
		color: blue;
	}
}

.my-link {
	&:before {
		height: 1em;
		width: 1em;
		content: 'bee';
		@include icon-font('ibm', $extend: true);
	}
}


.resources {
	&--link {
		&:before {
			@include icon-font('ibm', $extend: true);
			height: 1em;
			width: 1em;
		}

		$extensions: (
			'.pdf': 'pdf',
			'.html': 'link',
			'.ase': 'ase'
		);

		@each $ext, $icon in $extensions {
			&[href$='#{$ext}'] {
				&:before {
					content: '#{$icon}';
				}
			}	
		}
	}
}


// <span class="icon--BEE">bee</span>

SassMeister-output.css

@font-face {
  font-family: 'ibm';
  src: url('/fonts/ibm.eot?mvq1yt');
  src: url('/fonts/ibm.eot?#iefixmvq1yt') format('embedded-opentype'), url('/fonts/ibm.woff?mvq1yt') format('woff'), url('/fonts/ibm.ttf?mvq1yt') format('truetype'), url('/fonts/ibm.svg?mvq1yt#ibm') format('svg');
  font-weight: normal;
  font-style: normal; }

[class^="icon--"] {
  font-family: 'ibm';
  speak: none;
  @at-root %u7a2f4958 {
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-feature-settings: "liga","dlig";
    -moz-font-feature-settings: "liga=1, dlig=1";
    -moz-font-feature-settings: "liga","dlig";
    -ms-font-feature-settings: "liga","dlig";
    -o-font-feature-settings: "liga","dlig";
    font-feature-settings: "liga","dlig";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
 }

.icon--BEE {
  color: grey;
  text-shadow: 1px 1px black;
  transition: .2s ease-in-out color; }
  .icon--BEE:hover {
    color: blue; }

.my-link:before {
  height: 1em;
  width: 1em;
  content: 'bee';
  font-family: 'ibm';
  speak: none; }

.resources--link:before {
  font-family: 'ibm';
  speak: none;
  height: 1em;
  width: 1em; }
.resources--link[href$='.pdf']:before {
  content: 'pdf'; }
.resources--link[href$='.html']:before {
  content: 'link'; }
.resources--link[href$='.ase']:before {
  content: 'ase'; }