SCSS

Prefixer.scss #

@mixin prefixer($property, $value) {
    @each $prefix in -webkit-, -moz-, -ms-, -o-, '' {
    #{$prefix}#{$property}: $value;
    }
}

SCSS

SassMeister-output.css #

.netolicak, kcko {
  color: pink;
}

SCSS

media-queries-respond.scss #

/*
 @author - Roman Janko, rjwebdesign.cz
 @date - 28.8.2014
*/

@mixin respond($minWidth: false, $maxWidth: false) {
  
  @if $minWidth and $maxWidth 
  {
      @media screen and (min-width: $minWidth) and (max-width: $maxWidth) { @content; }
  }
  
   @else if $minWidth
   {
      @media screen and (min-width: $minWidth) { @content; }
   }
  
   @else if $maxWidth
   {
      @media screen and (max-width: $maxWidth) { @content; }
   }
   @else 
   {
      @warn "error - undefined params";
   }
}

SCSS

Rem mixin.scss #

@mixin font-size($sizeValue: 1.6) {
  font-size: ($sizeValue * 10) + px;
  font-size: $sizeValue + rem;
}