Functions

gcd 

@function gcd ($a, $b) { ... }

Description

Calculate the greatest common divisor of $a and $b

Parameters

Name Description Type Default value
$a — Number —
$b — Number —

Returns

Number

Found at

stylesheets/easel/functions/_gcd.scss

strip-unit 

@function strip-unit ($value) { ... }

Parameters

Name Description Type Default value
$value

A number with a unit (e.g. 10px)

 Number —

Returns

Unitless $value

Number

Links

Found at

stylesheets/easel/functions/_strip-unit.scss

map-filter 

@function map-filter ($map, $filter, $filter-by: "value") { ... }

Description

Filter a map by values or keys

Parameters

Name Description Type Default value
$map

The map you want to filter

 Map —
$filter

A list of keys or values to filter from the $map

 List —
$filter-by

Whether to filter $map by key or value

 String "value"

Returns

Filtered $map

Map

Found at

stylesheets/easel/functions/_map-filter.scss

map-filter-key 

@function map-filter-key ($map, $filter) { ... }

Description

Alias to filter map by key

Parameters

Name Description Type Default value
$map — —
$filter — —

Found at

stylesheets/easel/functions/_map-filter.scss

support-legacy-browser 

@function support-legacy-browser ($browser, $min-version, $max-version: null, $threshold: $critical-usage-threshold) { ... }

Description

To work around a bug in compass-core 1.0.0-alpha.17, we override Compass'
support-legacy-browser() function with a version of our own.

Parameters

Name Description Type Default value
$browser — —
$min-version — —
$max-version — null
$threshold — $critical-usage-threshold

TODO's

  • Remove this monkey patch after it's fixed in Compass.

Links

Found at

stylesheets/easel/functions/_support-legacy-browser.scss

Variables

breakpoint-no-query-fallbacks 

$breakpoint-no-query-fallbacks: false;

Type

Bool

Found at

stylesheets/easel/variables/_breakpoints.scss

base-font-size 

$base-font-size: 14px;

Description

Typography
http://beta.compass-style.org/reference/compass/typography/vertical_rhythm/

Found at

stylesheets/easel/variables/_compass.scss

browser-minimum-versions 

$browser-minimum-versions: (
  "ie": "9",
);

Description

Browser support
http://beta.compass-style.org/reference/compass/support/

Found at

stylesheets/easel/variables/_compass.scss

png8-spacing 

$png8-spacing: 10px;

Description

Sprites

Found at

stylesheets/easel/variables/_compass.scss

fonts 

$fonts: (
  "georgia": (Georgia, Cambria, "Times New Roman", Times, serif),
  "helvetica": ("Helvetica Neue", Helvetica, Roboto, Arial, sans-serif),
  "lucida-grande": ("Lucida Grande", Tahoma, Verdana, Arial, sans-serif),
  "monospace": ("Bitstream Vera Sans Mono", Consolas, Courier, monospace),
  "verdana": (Verdana, Geneva, sans-serif),
);

Description

Default font stacks
https://github.com/thoughtbot/bourbon

Found at

stylesheets/easel/variables/_fonts.scss

utility-prefix 

$utility-prefix: 'u-' !default;

Type

String

Used by

Found at

stylesheets/easel/mixins/_breakpoint-prefix.scss

breakpoint-prefix-map 

$breakpoint-prefix-map: (
  "sm": max-width 25em,
  "md": 25em,
  "lg": 50em,
) !default;

Type

Map

Used by

Found at

stylesheets/easel/mixins/_breakpoint-prefix.scss

breakpoints 

$breakpoints: (
  "sm": 600px,
  "md": 900px,
  "lg": 1200px
) !default;

Type

Map

Found at

stylesheets/easel/mixins/_placeholder-extend.scss

placeholders 

$placeholders: ();

Type

List

Used by

Found at

stylesheets/easel/mixins/_placeholder-extend.scss

current-breakpoint 

$current-breakpoint: false;

Type

Bool

Used by

Found at

stylesheets/easel/mixins/_placeholder-extend.scss

Mixins

content 

@mixin content ($selector: "&:after, &:before", $content: "") { ... }

Description

Shorthand for generated content

Parameters

Name Description Type Default value
$selector — "&:after, &:before"
$content — ""

Found at

stylesheets/easel/mixins/_content.scss

before 

@mixin before ($content: "") { ... }

Parameters

Name Description Type Default value
$content — ""

Found at

stylesheets/easel/mixins/_content.scss

after 

@mixin after ($content: "") { ... }

Parameters

Name Description Type Default value
$content — ""

Found at

stylesheets/easel/mixins/_content.scss

breakpoint-prefix 

@mixin breakpoint-prefix ($class, $breakpoints: $breakpoint-prefix-default-map, $include-unprefixed: true, $glue: -) { ... }

Description

Prefix classes per breakpoint (e.g. .md-Grid--2col)

Parameters

Name Description Type Default value
$class

The class name

 String —
$breakpoints — Map $breakpoint-prefix-default-map
$include-unprefixed — Bool true
$glue

Character to join $class with $breakpoints key.

 String -

Requires

Links

Found at

stylesheets/easel/mixins/_breakpoint-prefix.scss

font-smoothing 

@mixin font-smoothing ($on: true) { ... }

Description

WebKit/Firefox font-smoothing

Parameters

Name Description Type Default value
$on — Bool true

Links

Found at

stylesheets/easel/mixins/_font-smoothing.scss

get-sprite 

@mixin get-sprite () { ... }

Description

Get Sprite



A more robust option for getting sprite info.
https://gist.github.com/dfadler/3105369
http://compass-style.org/reference/compass/helpers/sprites/

Parameters

None.

Found at

stylesheets/easel/mixins/_get-sprite.scss

named-breakpoint 

@mixin named-breakpoint () { ... }

Parameters

None.

Requires

Used by

Links

Found at

stylesheets/easel/mixins/_placeholder-extend.scss

placeholder 

@mixin placeholder () { ... }

Parameters

None.

Links

Found at

stylesheets/easel/mixins/_placeholder-extend.scss

extend 

@mixin extend () { ... }

Description

Extend a saved placedholder from within a @media directive.

Parameters

None.

Links

Found at

stylesheets/easel/mixins/_placeholder-extend.scss

width-classes 

@mixin width-classes () { ... }

Description

Generate size classes
Borrowed from: https://github.com/necolas/griddle

Parameters

None.

Found at

stylesheets/easel/mixins/_width-classes.scss