eduardoboucas

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

///
/// Viewport sized typography with minimum and maximum values
///
/// @author Eduardo Boucas (@eduardoboucas)
///

eduardoboucas

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// Include Media (v1.3.0)
// ----

@import "include-media";

@function getBreakpoints($targetName) {
  $json: '{';

eduardoboucas

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

@charset 'UTF-8';

// ----- Plugin -----
// Filter: changing the output from px to em
@function im-filter-parse-value($value) {

eduardoboucas

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

@import "include-media";

///
/// Generates a JSON string with each breakpoint's value and information about
/// which of the breakpoints are currently active (i.e. viewport width >= breakpoint)
///

eduardoboucas

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// Include Media (v1.3.0)
// ----

@import "include-media";

// The breakpoint we want to emulate
$im-no-media-breakpoint: 'desktop';

eduardoboucas

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// Include Media (v1.3.0)
// ----

@import 'include-media';

// ----- Plugin starts here -----

eduardoboucas

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

@import "include-media";

///
/// Generates grid classes based on the defined breakpoints,
/// named with the convention `.col--x-y@breakpoint`, where
/// `x` is a subdivision of `y`.

eduardoboucas

// ----
// libsass (v3.3.2)
// ----

@import "include-media";

$breakpoints:(
    'small': 400px,
    'large': 1200px
);

eduardoboucas

// ----
// libsass (v3.3.2)
// ----

@import "include-media";

$breakpoints:(
    'bp1': 375px,
    'bp2': 580px,
    'bp3': 768px,

eduardoboucas

// ----
// libsass (v3.3.2)
// ----

$foo: true;

.bar {
  color: if($foo, 'red', 'green');;
}