rosemarydotworld · March 5, 2015 18:14
diff --git a/rem-px.scss b/rem-px.scss
 /*

 Rem/Px Function
 ---
 This is a fun one. If we support rems, calculate rems according to a pixel
 value. If not, just spit out the pixel value. This means we can detect rem
 support and spit out the stylesheet accordingly, all while writing only one
 codebase.

 */

 @function rem-px($n) {
  @if $rem-supported {
    @return rem($n);
  }
  @else {
    @return $n;
  }
 }
diff --git a/style-no-rem.scss b/style-no-rem.scss
 $rem-supported: false

 @import "rem-px";
diff --git a/style.scss b/style.scss
 $rem-supported: true;

 @import "rem-px";
	/*

	Rem/Px Function
	---
	This is a fun one. If we support rems, calculate rems according to a pixel
	value. If not, just spit out the pixel value. This means we can detect rem
	support and spit out the stylesheet accordingly, all while writing only one
	codebase.

	*/

	@function rem-px($n) {
	@if $rem-supported {
	@return rem($n);
	}
	@else {
	@return $n;
	}
	}