General

functions

hash

@function hash($count: 5) { ... }

Description

Creates a random hash

Parameters

parameterName	parameterDescription	parameterType	parameterDefault value
`$count`	length of string	`Number`	`5`

Returns

String —

a random hash

Example

$hash: hash(); // abe8G
$hash: hash(8); // 2N1olDW4

Used by

[function] hashVar

Author

Gregor Adams greg@pixelass.com

count

@function count($count: 5) { ... }

Description

Creates a counted hash

Parameters

parameterName	parameterDescription	parameterType	parameterDefault value
`$count`	length of string	`Number`	`5`

Returns

String —

a count hash

Example

$hash: hash(); // abcde
$hash: hash(8); // abcdefghi

Used by

[function] countVar

Author

Gregor Adams greg@pixelass.com

hashVar

@function hashVar($hash: 5, $prefix: 'var') { ... }

Description

Creates a random "css variable"/"custom property" name with a prefix and a hash suffix.

Parameters

parameterName	parameterDescription	parameterType	parameterDefault value
`$hash`	length of hash	`Number`	`5`
`$prefix`	prefix before hash	`String`	`'var'`

Returns

String —

a random hashed custom property name

Example

$hashVar: hashVar();  // --var-s7Wanf
$hashVar: hashVar(8, 'foo'); // --foo-w7qMOxc8

Requires

[function] hash

Author

Gregor Adams greg@pixelass.com

countVar

@function countVar($hash: 5, $prefix: 'var') { ... }

Description

Creates a unique "css variable"/"custom property" name with a prefix and a hash suffix.

Parameters

parameterName	parameterDescription	parameterType	parameterDefault value
`$hash`	length of hash	`Number`	`5`
`$prefix`	prefix before hash	`String`	`'var'`

Returns

String —

a random hashed custom property name

Example

$countVar: countVar();  // --var-abcde
$countVar: countVar(8, 'foo'); // --foo-abcdefghij

Requires

[function] count

Author

Gregor Adams greg@pixelass.com

variables

baseline

$baseline: --baseline !default;

Description

baseline variable: basline height

Type

Keyword

basesize

$basesize: --basesize !default;

Description

basesize variable: root font-size

Type

Keyword

capsize

$capsize: --capsize !default;

Description

capsize variable: used to align custom fonts

Type

Keyword

multiplier

$multiplier: hashVar(10, 'multiplier');

Description

randomly generated variable. multiplier variable: used to calculate different fontsizes

Type

Keyword

diff

$diff: hashVar(10, 'diff');

Description

randomly generated variable. diff variable: used to calculate the padding-top

Type

Keyword

font-size

$font-size: hashVar(10, 'font-size');

Description

randomly generated variable. font-size variable: scoped font size

Type

Keyword

line-height

$line-height: hashVar(10, 'line-height');

Description

randomly generated variable. line-height variable: scoped line-height

Type

Keyword

margin-top

$margin-top: countVar(10, 'margin-top');

Description

randomly generated variable. margin-top variable: internal usage only

Type

Keyword

margin-bottom

$margin-bottom: countVar(10, 'margin-bottom');

Description

randomly generated variable. margin-bottom variable: internal usage only

Type

Keyword

padding-top

$padding-top: countVar(10, 'padding-top');

Description

randomly generated variable. padding-top variable: internal usage only

Type

Keyword

padding-bottom

$padding-bottom: countVar(10, 'padding-bottom');

Description

randomly generated variable. padding-bottom variable: internal usage only

Type

Keyword

margin-right

$margin-right: countVar(10, 'margin-right');

Description

randomly generated variable. margin-right variable: internal usage only

Type

Keyword

margin-left

$margin-left: countVar(10, 'margin-left');

Description

randomly generated variable. margin-left variable: internal usage only

Type

Keyword

padding-right

$padding-right: countVar(10, 'padding-right');

Description

randomly generated variable. padding-right variable: internal usage only

Type

Keyword

padding-left

$padding-left: countVar(10, 'padding-left');

Description

randomly generated variable. padding-left variable: internal usage only

Type

Keyword

debug-line-color

$debug-line-color: --debug-line-color !default;

Description

color for debugging baseline

Type

String

baseline-selector

$baseline-selector: '.baseline' !default;

Description

selector for baseline root

Type

String

debug-selector

$debug-selector: '.debug' !default;

Description

selector for debug root

Type

String

visibility

$visibility: --visibility !default;

Description

visibility variable: used for debugging

Type

Keyword

mouse-x

$mouse-x: --mouse-x !default;

Description

mouse-x variable: used for debugging

Type

Keyword

mouse-y

$mouse-y: --mouse-y !default;

Description

mouse-y variable: used for debugging

Type

Keyword