mturjak

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

$max-mobile: 300px;

@mixin isMobile() {
    @media only screen and (max-width: $max-mobile) { @content; }
}

mturjak

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

@mixin setSpace($setSpace: padding, $setSpaceValues: 0 0 0 0){
  @if type-of($setSpace) == list{
    $setSpaceValues: $setSpace;
    $setSpace: padding;
  }

mturjak

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

@function setUnit($val){
  @return if(unitless($val), $val * 1px, $val);
}

@mixin setSpace($setSpace: padding, $setSpaceValues: 0 0 0 0){

mturjak

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

// function for calculating power ($b - base, $n - power) (Sass v3.3 has already an integrated pow() function for this):
// thisone is made for power >= 0
@function pwr($b, $n) {
  $f: if($n <= 0, 1, $b);
  @while $n > 1 {

mturjak

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

$layer-count: 123;

@function rep($n, $s: "0") { $out: $s; @while str-length($out) < $n { $out: $out + $s; } @return $out; }
@function zerofill($i, $n) { $l: str-length(#{$i}); @return #{if($n > $l, rep($n - $l), "")}$i; }

mturjak

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

@function zerofill($i) {
    @return #{str-slice("0000",0,4 - str-length(#{$i}))}$i;
}

@for $i from 1 through 100 {

mturjak

.shift_m_sml
  test
.shift_m_mid
  test
.shift_m_big
  test
.shift_p_sml
  test
.shift_p_mid
  test

mturjak

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

    [class*="shift"] {
      $sft-o: 10px;
      @mixin shift_stp($val) {
        &[class*="_sml"]{ #{$val}: $sft-o; }
        &[class*="_mid"]{ #{$val}: $sft-o * 2; }

mturjak

<div class="anim"></div>

mturjak

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

$skill: (supernarrow:12px, narrow:23px, normal:42px, wide:234px, superwide:440px);

    @mixin skill-func($val) {
       & { width : $val; }
    }