malrase

LA LA LAND
1oz Earl Grey Gin *
0.75oz lemon juice
0.5oz St Germain
~3oz Champagne

Shake gin, lemon and St Germain over ice. Pour into flute. Top up with Champagne.

* Earl Grey Gin: seep 1 Earl Grey teabag in 2 cups of gin (e.g. Plymouth) for 2 hours.

malrase

// ----
// libsass (v2.0.0)
// ----

$variable: 1;

$interpolation: #{$variable}px;

div {
  top: -$interpolation;

malrase

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

$mediaquery: 'and (min-width: 300px)';

@media all #{$mediaquery} {
  div {
    display: block;

malrase

// ----
// libsass (v2.0.0)
// ----

$var: orange;

.test {
  color: $var;
}

malrase

// ----
// libsass (v2.0.0)
// ----

@for $i from 1 through 3 {
  foo.bar#{$i} {
    background-size: #{$i * 10}% 100%;
  }
}

malrase

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

/*@each $header, $size in (h1: 2em, h2: 1.5em, h3: 1.2em) {
    #{$header} {
        font-size: $size;
    }
}*/

malrase

// ----
// libsass (v2.0.0)
// ----

@function measure-margin($scale, $measure, $unit) {
  @return ($measure/$scale)#{$unit};
}

.test {
  margin: measure-margin(10, 100, rem);

malrase

// ----
// libsass (v2.0.0)
// ----

.social-icon {
  @each $social in facebook, instagram, twitter, email {
    &--#{$social} {
      color: blue;
    }
  }

malrase

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

@function measure-margin($scale, $measure, $value) {
  @return ($measure/$scale)#{$value};
}

.test {

malrase

// ----
// libsass (v2.0.0)
// ----

#something::shadow {
  color: blue;
}

:host .library {
  background: green;