gogachinchaladze

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

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

$primaryColor: #eeccff;

gogachinchaladze

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

//Get rid of /**/ Comments!

$primary-color: #eeccff;
$margin : 10px !default;
$border :1px solid red;

gogachinchaladze

<div class="container">
  <div class="column"></div>
  <div class="column"></div>
  <div class="column"></div>
  <div class="column"></div>
</div>

gogachinchaladze

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

// Sass (v3.4.4)

$container-width: 100%;
$column-count: 4;
$margin: 1%;
$first-div-animation-time:2s;

gogachinchaladze

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

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

.first-component {
    .text { font-size: 1.4rem; }
    .button { font-size: 1.7rem; }

gogachinchaladze

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

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

.absolutely-centered-with-class{
  position:absolute;
  top:0;

gogachinchaladze

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

@mixin keyframes($name) {
  @-webkit-keyframes #{$name} {
    @content;
  }
  @-moz-keyframes #{$name} {
    @content;

gogachinchaladze

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

@mixin border-radius($radius) {
  -webkit-border-radius: $radius;
     -moz-border-radius: $radius;
      -ms-border-radius: $radius;
          border-radius: $radius;
}

gogachinchaladze

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

$number-of-boxes: 10;
$menu-box-animation-time:.2s;

@for $i from 1 through $number-of-boxes{
  #{'.menu-initials-container.box'}-#{$i}{
    #{'transition-delay'} : #{($i - 1)*$menu-box-animation-time*.7)};

gogachinchaladze

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

$browser-context : 16px;

@function em($pixels, $context: $browser-context) {
  @return #{$pixels/$context}em;
}