scottkellum

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

// FAST but not fully featured sort
// Doesn’t support super high values or letters.
// Doesn’t work in LibSass as of November 25, 2015

// Take in multiple arguments as a list.

scottkellum

// ----
// Sass (v3.2.19)
// Compass (v0.12.7)
// ----

@function linear-gradient($parameters...) {
  $return: linear-gradient;
  @each $parameter in $parameters {
    $return: append($return,$parameter, comma);
  }

scottkellum

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

foo {
  opacity: opacity(rgba(0,0,0,.1));
  alpha: alpha(rgba(0,0,0,.1));
}

scottkellum

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

@import 'modular-scale';
@function _ms($value, $base: 1em, $ratio: 1.5) {
  @return ms($value, $base, $ratio);
}
@import "bourbon/bourbon";

scottkellum

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// Modular Scale (v2.1.1)
// ----

@import 'modular-scale';
@mixin ml($range...) {
  @if $ms-range == null {$ms-range: $range !global;}
  @include ms-respond(line-height, 1, $range, 1);

scottkellum

<h1>Vulputate Consectetur Vestibulum Quam Dapibus</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde delectus quam debitis dicta modi, laboriosam architecto fuga voluptatibus. Porro eveniet dolores ipsa eum architecto non in temporibus natus magnam perferendis.</p>
<p>Consectetur velit pariatur tempore neque perferendis officiis praesentium error a aliquid, ad delectus quas quidem assumenda id nostrum blanditiis at non soluta aut sed iste accusantium nisi laborum? Consequatur, sint.</p>
<p>Nulla, doloribus, atque. Molestias culpa nostrum eligendi expedita, dolore iure commodi quas velit voluptatem, tempore eveniet eum voluptates veniam deserunt. Pariatur ipsa saepe corrupti aut perspiciatis, rem nulla nihil. Est.</p>
<p>Quidem architecto, totam animi porro quaerat cupiditate ex dolorum cum facere vel. A fugiat cupiditate deserunt reiciendis est odit. Quae laborum, distinctio rerum pariatur autem voluptatem doloribus nostrum dicta libero.</p>
<p>Maxime dignissimos provident, at commodi eius

scottkellum

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

@function var($var) {
  @return unquote('$#{$var}');
}

foo {
  bar: var(baz);

scottkellum

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

$map:(
  'first': (a b c, d e f),
  'second': (j k l) );

output {

scottkellum

// ----
// libsass (v3.2.4)
// ----

@function pcss($var) {
  @return unquote('$#{$var}');
}

foo {
  bar: pcss('var');

scottkellum

<div class="ibm">IBM</div>