robmazan · August 29, 2015 14:17
diff --git a/fonts-loaded.css b/fonts-loaded.css
 .fonts-loaded .para {
  font-family: Arial;
 }
diff --git a/fonts-loaded.html b/fonts-loaded.html
 <div class="fonts-loaded">
  <p class="para">
    
  </p>
 </div>
diff --git a/fonts-loaded.scss b/fonts-loaded.scss
 // ----
 // Sass (v3.3.14)
 // Compass (v1.0.1)
 // ----

 @mixin font ($family) {
  @at-root .fonts-loaded & {
    font-family: $family;
  }
 }
 .para {
  @include font(Arial);
 }
diff --git a/SassMeister-rendered.html b/SassMeister-rendered.html
 <div class="fonts-loaded">
  <p class="para">
    
  </p>
 </div>
	// ----
	// Sass (v3.3.14)
	// Compass (v1.0.1)
	// ----

	@mixin font ($family) {
	@at-root .fonts-loaded & {
	font-family: $family;
	}
	}
	.para {
	@include font(Arial);
	}