Global

Methods

animation(value) → {object}

Source:

• animation.js, line 3

Examples

// A single property
animation({name: 'foo'});
// → {
//     animationName: 'foo'
//   }

// Multiple properties
animation({name: 'foo', duration: 'bar'});
// → {
//     animationName: 'foo',
//     animationDuration: 'bar'
//   }

Parameters:

Returns:

Type

object

background(value) → {object}

Source:

• background.js, line 3

Examples

// A single property
background({image: 'foo'});
// → {
//     backgroundImage: 'foo'
//   }

// Multiple properties
background({image: 'foo', position: 'bar'});
// → {
//     backgroundImage: 'foo',
//     backgroundPosition: 'bar'
//   }

Parameters:

Returns:

Type

object

border(value) → {object}

Source:

• border.js, line 7

Examples

// A single property in all directions
border({color: 'red'});
// → {
//     borderTopColor: 'red',
//     borderRightColor: 'red',
//     borderBottomColor: 'red',
//     borderLeftColor: 'red'
//   }

// Any combination
border({color: 'red', width: {y: '2px', right: '8px'}});
// → {
//     borderTopColor: 'red',
//     borderRightColor: 'red',
//     borderBottomColor: 'red',
//     borderLeftColor: 'red',
//     borderTopWidth: '2px',
//     borderRightWidth: '8px',
//     borderBottomWidth: '2px'
//   }

Parameters:

Returns:

Type

object

borderColor(value) → {object}

Source:

• borderColor.js, line 3

Examples

// All directions
borderColor('foo');
// → {
//     borderTopColor: 'foo',
//     borderRightColor: 'foo',
//     borderBottomColor: 'foo',
//     borderLeftColor: 'foo'
//   }

// A single axis
borderColor({x: 'bar'});
// → {
//     borderLeftColor: 'bar',
//     borderRightColor: 'bar'
//   }

// Any combination
borderColor({y: 'foo', top: 'bar', right: 'baz'});
// → {
//     borderTopColor: 'bar',
//     borderRightColor: 'baz',
//     borderBottomColor: 'foo'
//   }

Parameters:

Returns:

Type

object

borderImage(value) → {object}

Source:

• borderImage.js, line 3

Examples

// A single property
borderImage({source: 'foo'});
// → {
//     borderImageSource: 'foo'
//   }

// Multiple properties
borderImage({source: 'foo', slice: 'bar'});
// → {
//     borderImageSource: 'foo',
//     borderImageSlice: 'bar'
//   }

Parameters:

Returns:

Type

object

borderRadius(value) → {object}

Source:

• borderRadius.js, line 3

Examples

// All directions
borderRadius('foo');
// → {
//     borderTopRadius: 'foo',
//     borderRightRadius: 'foo',
//     borderBottomRadius: 'foo',
//     borderLeftRadius: 'foo'
//   }

// A single axis
borderRadius({x: 'bar'});
// → {
//     borderLeftRadius: 'bar',
//     borderRightRadius: 'bar'
//   }

// Any combination
borderRadius({y: 'foo', top: 'bar', right: 'baz'});
// → {
//     borderTopRadius: 'bar',
//     borderRightRadius: 'baz',
//     borderBottomRadius: 'foo'
//   }

Parameters:

Returns:

Type

object

borderStyle(value) → {object}

Source:

• borderStyle.js, line 3

Examples

// All directions
borderStyle('foo');
// → {
//     borderTopStyle: 'foo',
//     borderRightStyle: 'foo',
//     borderBottomStyle: 'foo',
//     borderLeftStyle: 'foo'
//   }

// A single axis
borderStyle({x: 'bar'});
// → {
//     borderLeftStyle: 'bar',
//     borderRightStyle: 'bar'
//   }

// Any combination
borderStyle({y: 'foo', top: 'bar', right: 'baz'});
// → {
//     borderTopStyle: 'bar',
//     borderRightStyle: 'baz',
//     borderBottomStyle: 'foo'
//   }

Parameters:

Returns:

Type

object

borderWidth(value) → {object}

Source:

• borderWidth.js, line 3

Examples

// All directions
borderWidth('foo');
// → {
//     borderTopWidth: 'foo',
//     borderRightWidth: 'foo',
//     borderBottomWidth: 'foo',
//     borderLeftWidth: 'foo'
//   }

// A single axis
borderWidth({x: 'bar'});
// → {
//     borderLeftWidth: 'bar',
//     borderRightWidth: 'bar'
//   }

// Any combination
borderWidth({y: 'foo', top: 'bar', right: 'baz'});
// → {
//     borderTopWidth: 'bar',
//     borderRightWidth: 'baz',
//     borderBottomWidth: 'foo'
//   }

Parameters:

Returns:

Type

object

flex(value) → {object}

Source:

• flex.js, line 3

Examples

// A single property
flex({grow: 'foo'});
// → {
//     flexGrow: 'foo'
//   }

// Multiple properties
flex({grow: 'foo', shrink: 'bar'});
// → {
//     flexGrow: 'foo',
//     flexShrink: 'bar'
//   }

Parameters:

Returns:

Type

object

font(value) → {object}

Source:

• font.js, line 3

Examples

// A single property
font({style: 'foo'});
// → {
//     fontStyle: 'foo'
//   }

// Multiple properties
font({style: 'foo', variant: 'bar'});
// → {
//     fontStyle: 'foo',
//     fontVariant: 'bar'
//   }

Parameters:

Returns:

Type

object

listStyle(value) → {object}

Source:

• listStyle.js, line 3

Examples

// A single property
listStyle({type: 'foo'});
// → {
//     listStyleType: 'foo'
//   }

// Multiple properties
listStyle({type: 'foo', position: 'bar'});
// → {
//     listStyleType: 'foo',
//     listStylePosition: 'bar'
//   }

Parameters:

Returns:

Type

object

margin(value) → {object}

Source:

• margin.js, line 3

Examples

// All directions
margin('foo');
// → {
//     marginTop: 'foo',
//     marginRight: 'foo',
//     marginBottom: 'foo',
//     marginLeft: 'foo'
//   }

// A single axis
margin({x: 'bar'});
// → {
//     marginLeft: 'bar',
//     marginRight: 'bar'
//   }

// Any combination
margin({y: 'foo', top: 'bar', right: 'baz'});
// → {
//     marginTop: 'bar',
//     marginRight: 'baz',
//     marginBottom: 'foo'
//   }

Parameters:

Returns:

Type

object

outline(value) → {object}

Source:

• outline.js, line 3

Examples

// A single property
outline({width: 'foo'});
// → {
//     outlineWidth: 'foo'
//   }

// Multiple properties
outline({width: 'foo', style: 'bar'});
// → {
//     outlineWidth: 'foo',
//     outlineStyle: 'bar'
//   }

Parameters:

Returns:

Type

object

padding(value) → {object}

Source:

• padding.js, line 3

Examples

// All directions
padding('foo');
// → {
//     paddingTop: 'foo',
//     paddingRight: 'foo',
//     paddingBottom: 'foo',
//     paddingLeft: 'foo'
//   }

// A single axis
padding({x: 'bar'});
// → {
//     paddingLeft: 'bar',
//     paddingRight: 'bar'
//   }

// Any combination
padding({y: 'foo', top: 'bar', right: 'baz'});
// → {
//     paddingTop: 'bar',
//     paddingRight: 'baz',
//     paddingBottom: 'foo'
//   }

Parameters:

Returns:

Type

object

transition(value) → {object}

Source:

• transition.js, line 3

Examples

// A single property
transition({property: 'foo'});
// → {
//     transitionProperty: 'foo'
//   }

// Multiple properties
transition({property: 'foo', duration: 'bar'});
// → {
//     transitionProperty: 'foo',
//     transitionDuration: 'bar'
//   }

Parameters:

Returns:

Type

object