mint-sass

mint-sass

Sweet unit library

Legend
Unit Functions
$mint-base
mint()
mint-compress()
mint-strip()

Unit Functions

Shorthands for units based off mint() that assume a base equal to $mint-base

• px(values, unit, [scale])
• em(values, unit, [scale])
• rem(values, unit, [scale])
• un(values, unit, [scale])

$mint-base

Base font size (16 by default)

mint(values, base, scale, unit)

Converts and scales values

• values (List) List of values for mint to process
• base (Number) Base font size
• scale (Number) Relative font size or scale
• unit (String) Unit for each number

// in
.foo {
  margin: mint(8 4 8 4, 16, 16, em);
}

// out
.foo {
  margin: 0.5em 0.25em;
}

mint-compress(values)

Compress values to their shortest form

// in
.foo {
  margin: mint-compress(8px 4px 8px 4px);
}

// out
.foo {
  margin: 8px 4px;
}

mint-strip(value)

Strip a unit from a number

// in
.foo {
  line-height: mint-strip(16px);
}

// out
.foo {
  line-height: 16;
}