Generated by SassMeister.com.

SassMeister-input-HTML.html

<p>Test text</p>

SassMeister-input.scss

// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----

/* Mobile First Media Queries Mixins*/
@mixin breakpoint($point) {

  /* Custom, iPhone Retina */ 
  @if $point == xsmall {
    @media (min-width: 320px) { @content; }
  }
  /* Extra Small Devices, Phones */ 
  @else if $point == small {
    @media (min-width: 480px) { @content; }
  }
  /* Small Devices, Tablets */
  @else if $point == medium {
    @media (min-width: 768px)  { @content; }
  }
  /* Medium Devices, Desktops */
  @else if $point == large {
    @media (min-width: 992px)  { @content; }
  }
  /* Large Devices, Wide Screens */
  @else if $point == xlarge {
    @media (min-width: 1200px)  { @content; }
  }
}

html {
  font-size: 62.5%; /* Sets up the Base 10 stuff */
}

@mixin font-size($sizeValue: 1.6) {
  font-size: ($sizeValue * 10) + px;
  font-size: $sizeValue + rem;
}
//Font Sizes
	$large: 3;
	$medium: 2.5;
	$small: 2;
	
 @include breakpoint(large) { 
  $large: 6;
}	
 @include breakpoint(small) { 
  $large: 2;
}	
	p{
	@include font-size($large);

}

SassMeister-output.css

/* Mobile First Media Queries Mixins*/
html {
  font-size: 62.5%;
  /* Sets up the Base 10 stuff */
}

/* Custom, iPhone Retina */
/* Custom, iPhone Retina */
p {
  font-size: 30px;
  font-size: 3rem;
}

SassMeister-rendered.html

<p>Test text</p>