lozandier

// ----
// libsass (v3.2.5)
// ----

$total-columns: 12;
$column-width: 60px;
$gutter-width: 20px;

@mixin column-span($columns) {
  // Output width property and take padding into account.

lozandier

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----

@mixin animation-keyframes() {
    $uak: unique-id();
    animation-name: $uak;
    @keyframes #{$uak} {
      @content

lozandier

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----

@mixin hocus {
  
  &:hover, &:focus, &:active {
    @content;
  }

lozandier

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----

@mixin foo($color, $args...) {
  @each $arg in $args {
    .#{$arg} {
      color: $color;
    }

lozandier

  <div class="rating rating-0"></div>

    <div class="rating rating-1"></div>

    <div class="rating rating-2"></div>

    <div class="rating rating-3"></div>

    <div class="rating rating-4"></div>

lozandier

  <div class="rating rating-0"></div>

    <div class="rating rating-1"></div>

    <div class="rating rating-2"></div>

    <div class="rating rating-3"></div>

    <div class="rating rating-4"></div>

lozandier

// ----
// libsass (v3.2.5)
// ----

//Section names & colors:

$sectionBlocks: (
 deals: #ff5300,
 events: #0065c3,
 experts: #00b9f2,

lozandier

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----

@function column-span($columns) {
  @return (60px * $columns) + (20px * ($columns - 1) )
}

article {

lozandier

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----

@function golden-ratio($input) {
  @return $input * 1.61803398875;
}

.foo {

lozandier

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----

@mixin rotate($val) {
  -ms-transform: rotate(#{$val}deg);
  transform: rotate(#{$val}deg);
}