Function

Static Public Summary
public abstract	Hz(value: number): string Return the value with the Hz suffix
public abstract	Q(value: number): string Return the value with the Q suffix
public abstract	absolute(args: ...string): object Mixin to generate a absolute positionned box
public abstract	animation(args: ...string): object Take all the arguments and return an object with an animation property
public abstract	animationTimingFunction(args: ...string): object Take all the arguments and return an object with a animationTimingFunction property
public abstract	attr(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	background(args: ...string): object Take all the arguments and return an object with a background property
public abstract	blur(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	border(args: ...string): object Take all the arguments and return an object with a border property
public abstract	borderBottom(args: ...string): object Take all the arguments and return an object with a borderBottom property
public abstract	borderLeft(args: ...string): object Take all the arguments and return an object with a borderLeft property
public abstract	borderRadius(args: ...string): object Take all the arguments and return an object with a borderRadius property
public abstract	borderRight(args: ...string): object Take all the arguments and return an object with a borderRight property
public abstract	borderTop(args: ...string): object Take all the arguments and return an object with a borderTop property
public abstract	brightness(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	calc(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	cap(value: number): string Return the value with the cap suffix
public abstract	ch(value: number): string Return the value with the ch suffix
public abstract	clamp(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	cm(value: number): string Return the value with the cm suffix
public abstract	conicGradient(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	contrast(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	cubicBezier(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	deg(value: number): string Return the value with the deg suffix
public abstract	dpcm(value: number): string Return the value with the dpcm suffix
public abstract	dpi(value: number): string Return the value with the dpi suffix
public abstract	dppx(value: number): string Return the value with the dppx suffix
public abstract	dropShadow(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	em(value: number): string Return the value with the em suffix
public abstract	ex(value: number): string Return the value with the ex suffix
public abstract	filter(args: ...string): object Take all the arguments and return an object with a filter property - returns "none" value if no argument is given
public abstract	fixed(args: ...string): object Mixin to generate a fixed positionned box
public abstract	flexbox(direction: string, mainAxis: string, secondaryAxis: string, wrap: string): object Mixin to generate a flex box
public abstract	flexcolumn(mainAxis: string, secondaryAxis: string, wrap: string): object Mixin to generate a flex column
public abstract	flexrow(mainAxis: string, secondaryAxis: string, wrap: string): object Mixin to generate a flex row
public abstract	fr(value: number): string Return the value with the fr suffix
public abstract	glueWithCommas(args: ...string): string Concatanate all the arguments, comma-separated
public abstract	glueWithSpaces(args: ...string): string Concatanate all the arguments, space-separated
public abstract	grad(value: number): string Return the value with the grad suffix
public abstract	grayscale(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	hueRotate(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	ic(value: number): string Return the value with the ic suffix
public abstract	important(target: string \| object): string \| object Take the given value and add !important to it
public abstract	inch(value: number): string Return the value with the in suffix
public abstract	invert(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	kHz(value: number): string Return the value with the kHz suffix
public abstract	lh(value: number): string Return the value with the lh suffix
public abstract	linearGradient(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	margin(args: ...string): object Take all the arguments and return an object with a margin property
public abstract	matrix(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	matrix3d(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	max(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	maxSize(width: string \| number, height: string \| number): object Mixin to for maximal sizing (max-width/max-height)
public abstract	min(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	minSize(width: string \| number, height: string \| number): object Mixin to for minimal sizing (min-width/min-height)
public abstract	mm(value: number): string Return the value with the mm suffix
public abstract	mq(query: string, props: object): object Prepare a media query and returns it as an object
public abstract	ms(value: number): string Return the value with the ms suffix
public abstract	opacity(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	padding(args: ...string): object Take all the arguments and return an object with a padding property
public abstract	pc(value: number): string Return the value with the pc suffix
public abstract	percent(value: number, withDecimal: boolean): string Return the value with the percent suffix
public abstract	perspective(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	position(type: string, args: ...string): object Mixin to generate a positionned box
public abstract	pt(value: number): string Return the value with the pt suffix
public abstract	px(value: number): string Return the value with the px suffix
public abstract	rad(value: number): string Return the value with the rad suffix
public abstract	radialGradient(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	relative(args: ...string): object Mixin to generate a relative positionned box
public abstract	rem(value: number): string Return the value with the rem suffix
public abstract	repeatingLinearGradient(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	repeatingRadialGradient(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	rgb(args: ...string \| ...number): string Take all the arguments and return a string with the rgb channels definition
public abstract	rgba(args: ...string \| ...number): string Take all the arguments and return a string with the rgba channels definition
public abstract	rlh(value: number): string Return the value with the rlh suffix
public abstract	rotate(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	rotate3d(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	rotateX(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	rotateY(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	rotateZ(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	s(value: number): string Return the value with the s suffix
public abstract	saturate(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	scale(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	scale3d(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	scaleX(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	scaleY(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	scaleZ(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	sepia(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	size(width: string \| number, height: string \| number): object Mixin to for sizing (width/height)
public abstract	skew(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	skewX(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	skewY(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	steps(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	sticky(args: ...string): object Mixin to generate a sticky positionned box
public abstract	transform(args: ...string): object Take all the arguments and return an object with a transform property - returns "none" value if no argument is given
public abstract	transformOrigin(args: ...string): object Take all the arguments and return an object with a transformOrigin property
public abstract	transition(args: ...string): object Take all the arguments and return an object with a transition property
public abstract	transitionProperty(args: ...string): object Take all the arguments and return an object with a transitionProperty property
public abstract	transitionTimingFunction(args: ...string): object Take all the arguments and return an object with a transitionTimingFunction property
public abstract	translate(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	translate3d(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	translateX(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	translateY(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	translateZ(args: ...string): string Take all the arguments and return a string with the appropriate syntax
public abstract	turn(value: number): string Return the value with the turn suffix
public abstract	url(arg: string): string Take the argument and return a string with the appropriate syntax
public abstract	vb(value: number): string Return the value with the vb suffix
public abstract	vh(value: number): string Return the value with the vh suffix
public abstract	vi(value: number): string Return the value with the vi suffix
public abstract	vmax(value: number): string Return the value with the vmax suffix
public abstract	vmin(value: number): string Return the value with the vmin suffix
public abstract	vw(value: number): string Return the value with the vw suffix

Static Public

public abstract Hz(value: number): string source

import {Hz} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the Hz suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]Hz"

public abstract Q(value: number): string source

import {Q} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the Q suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]Q"

public abstract absolute(args: ...string): object source

import {absolute} from 'koutla-swiss/src/mixins/position/index.js'

Mixin to generate a absolute positionned box

Params:

Name	Type	Attribute	Description
args	...string		values for top, right, bottom, left - treated like for margin or padding properties

Return:

object

{position: "absolute", top: "...", right: "...", bottom: "...", left: "..."}

public abstract animation(args: ...string): object source

import {animation} from 'koutla-swiss/src/mixins/animation/index.js'

Take all the arguments and return an object with an animation property

Params:

Name	Type	Attribute	Description
args	...string

Return:

object

{animation: "arg1 arg2 arg..."}

public abstract animationTimingFunction(args: ...string): object source

import {animationTimingFunction} from 'koutla-swiss/src/mixins/animation/index.js'

Take all the arguments and return an object with a animationTimingFunction property

Params:

Name	Type	Attribute	Description
args	...string

Return:

object

{animationTimingFunction: "arg1, arg2, arg..."} - note: the args are separated by commas

public abstract attr(args: ...string): string source

import {attr} from 'koutla-swiss/src/utils/units/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"attr(arg1, arg2, arg...)"

public abstract background(args: ...string): object source

import {background} from 'koutla-swiss/src/mixins/background/index.js'

Take all the arguments and return an object with a background property

Params:

Name	Type	Attribute	Description
args	...string

Return:

object

{background: "arg1 arg2 arg..."}

public abstract blur(args: ...string): string source

import {blur} from 'koutla-swiss/src/mixins/filter/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"blur(arg1, arg2, arg...)"

public abstract border(args: ...string): object source

import {border} from 'koutla-swiss/src/mixins/borders/index.js'

Take all the arguments and return an object with a border property

Params:

Name	Type	Attribute	Description
args	...string

Return:

object

{border: "arg1 arg2 arg..."}

public abstract borderBottom(args: ...string): object source

import {borderBottom} from 'koutla-swiss/src/mixins/borders/index.js'

Take all the arguments and return an object with a borderBottom property

Params:

Name	Type	Attribute	Description
args	...string

Return:

object

{borderBottom: "arg1 arg2 arg..."}

public abstract borderLeft(args: ...string): object source

import {borderLeft} from 'koutla-swiss/src/mixins/borders/index.js'

Take all the arguments and return an object with a borderLeft property

Params:

Name	Type	Attribute	Description
args	...string

Return:

object

{borderLeft: "arg1 arg2 arg..."}

public abstract borderRadius(args: ...string): object source

import {borderRadius} from 'koutla-swiss/src/mixins/borders/index.js'

Take all the arguments and return an object with a borderRadius property

Params:

Name	Type	Attribute	Description
args	...string

Return:

object

{borderRadius: "arg1 arg2 arg..."}

public abstract borderRight(args: ...string): object source

import {borderRight} from 'koutla-swiss/src/mixins/borders/index.js'

Take all the arguments and return an object with a borderRight property

Params:

Name	Type	Attribute	Description
args	...string

Return:

object

{borderRight: "arg1 arg2 arg..."}

public abstract borderTop(args: ...string): object source

import {borderTop} from 'koutla-swiss/src/mixins/borders/index.js'

Take all the arguments and return an object with a borderTop property

Params:

Name	Type	Attribute	Description
args	...string

Return:

object

{borderTop: "arg1 arg2 arg..."}

public abstract brightness(args: ...string): string source

import {brightness} from 'koutla-swiss/src/mixins/filter/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"brightness(arg1, arg2, arg...)"

public abstract calc(args: ...string): string source

import {calc} from 'koutla-swiss/src/utils/units/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"calc(arg1, arg2, arg...)"

public abstract cap(value: number): string source

import {cap} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the cap suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]cap"

public abstract ch(value: number): string source

import {ch} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the ch suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]ch"

public abstract clamp(args: ...string): string source

import {clamp} from 'koutla-swiss/src/utils/units/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"clamp(arg1, arg2, arg...)"

public abstract cm(value: number): string source

import {cm} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the cm suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]cm"

public abstract conicGradient(args: ...string): string source

import {conicGradient} from 'koutla-swiss/src/mixins/background/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"conic-gradient(arg1, arg2, arg...)"

public abstract contrast(args: ...string): string source

import {contrast} from 'koutla-swiss/src/mixins/filter/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"contrast(arg1, arg2, arg...)"

public abstract cubicBezier(args: ...string): string source

import {cubicBezier} from 'koutla-swiss/src/mixins/animation/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"cubic-bezier(arg1, arg2, arg...)"

public abstract deg(value: number): string source

import {deg} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the deg suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]deg"

public abstract dpcm(value: number): string source

import {dpcm} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the dpcm suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]dpcm"

public abstract dpi(value: number): string source

import {dpi} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the dpi suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]dpi"

public abstract dppx(value: number): string source

import {dppx} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the dppx suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]dppx"

public abstract dropShadow(args: ...string): string source

import {dropShadow} from 'koutla-swiss/src/mixins/filter/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"drop-shadow(arg1, arg2, arg...)"

public abstract em(value: number): string source

import {em} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the em suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]em"

public abstract ex(value: number): string source

import {ex} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the ex suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]ex"

public abstract filter(args: ...string): object source

import {filter} from 'koutla-swiss/src/mixins/filter/index.js'

Take all the arguments and return an object with a filter property - returns "none" value if no argument is given

Params:

Name	Type	Attribute	Description
args	...string

Return:

object

{filter: "arg1 arg2 arg..."}

public abstract fixed(args: ...string): object source

import {fixed} from 'koutla-swiss/src/mixins/position/index.js'

Mixin to generate a fixed positionned box

Params:

Name	Type	Attribute	Description
args	...string		values for top, right, bottom, left - treated like for margin or padding properties

Return:

object

{position: "fixed", top: "...", right: "...", bottom: "...", left: "..."}

public abstract flexbox(direction: string, mainAxis: string, secondaryAxis: string, wrap: string): object source

import {flexbox} from 'koutla-swiss/src/mixins/flex/index.js'

Mixin to generate a flex box

Params:

Name	Type	Attribute	Description
direction	string		direction of the flex box
mainAxis	string		alignment of the main axis (justify-content property)
secondaryAxis	string		alignment of the secondary axis (align-items property)
wrap	string		value of the flex-wrap property

Return:

object

{display: "flex", flexDirection: "...", flexWrap: "...", justifyContent: "...", alignItems: "..."}

public abstract flexcolumn(mainAxis: string, secondaryAxis: string, wrap: string): object source

import {flexcolumn} from 'koutla-swiss/src/mixins/flex/index.js'

Mixin to generate a flex column

Params:

Name	Type	Attribute	Description
mainAxis	string		alignment of the main axis (justify-content property)
secondaryAxis	string		alignment of the secondary axis (align-items property)
wrap	string		value of the flex-wrap property

Return:

object

{display: "flex", flexDirection: "column", flexWrap: "...", justifyContent: "...", alignItems: "..."}

public abstract flexrow(mainAxis: string, secondaryAxis: string, wrap: string): object source

import {flexrow} from 'koutla-swiss/src/mixins/flex/index.js'

Mixin to generate a flex row

Params:

Name	Type	Attribute	Description
mainAxis	string		alignment of the main axis (justify-content property)
secondaryAxis	string		alignment of the secondary axis (align-items property)
wrap	string		value of the flex-wrap property

Return:

object

{display: "flex", flexDirection: "row", flexWrap: "...", justifyContent: "...", alignItems: "..."}

public abstract fr(value: number): string source

import {fr} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the fr suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]fr"

public abstract glueWithCommas(args: ...string): string source

import {glueWithCommas} from 'koutla-swiss/src/commons/utils.js'

Concatanate all the arguments, comma-separated

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

arg1, arg2, arg3

public abstract glueWithSpaces(args: ...string): string source

import {glueWithSpaces} from 'koutla-swiss/src/commons/utils.js'

Concatanate all the arguments, space-separated

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

arg1 arg2 arg3

public abstract grad(value: number): string source

import {grad} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the grad suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]grad"

public abstract grayscale(args: ...string): string source

import {grayscale} from 'koutla-swiss/src/mixins/filter/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"grayscale(arg1, arg2, arg...)"

public abstract hueRotate(args: ...string): string source

import {hueRotate} from 'koutla-swiss/src/mixins/filter/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"hue-rotate(arg1, arg2, arg...)"

public abstract ic(value: number): string source

import {ic} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the ic suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]ic"

public abstract important(target: string | object): string | object source

import {important} from 'koutla-swiss/src/utils/important/index.js'

Take the given value and add !important to it

Params:

Name	Type	Attribute	Description
target	string \| object		value to add important to

Return:

string | object

public abstract inch(value: number): string source

import {inch} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the in suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]in"

public abstract invert(args: ...string): string source

import {invert} from 'koutla-swiss/src/mixins/filter/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"invert(arg1, arg2, arg...)"

public abstract kHz(value: number): string source

import {kHz} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the kHz suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]kHz"

public abstract lh(value: number): string source

import {lh} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the lh suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]lh"

public abstract linearGradient(args: ...string): string source

import {linearGradient} from 'koutla-swiss/src/mixins/background/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"linear-gradient(arg1, arg2, arg...)"

public abstract margin(args: ...string): object source

import {margin} from 'koutla-swiss/src/mixins/box-model/index.js'

Take all the arguments and return an object with a margin property

Params:

Name	Type	Attribute	Description
args	...string

Return:

object

{margin: "arg1 arg2 arg..."}

public abstract matrix(args: ...string): string source

import {matrix} from 'koutla-swiss/src/mixins/transform/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"matrix(arg1, arg2, arg...)"

public abstract matrix3d(args: ...string): string source

import {matrix3d} from 'koutla-swiss/src/mixins/transform/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"matrix3d(arg1, arg2, arg...)"

public abstract max(args: ...string): string source

import {max} from 'koutla-swiss/src/utils/units/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"max(arg1, arg2, arg...)"

public abstract maxSize(width: string | number, height: string | number): object source

import {maxSize} from 'koutla-swiss/src/mixins/size/index.js'

Mixin to for maximal sizing (max-width/max-height)

Params:

Name	Type	Attribute	Description
width	string \| number
height	string \| number		if missing, the value of width will be used

Return:

object

{maxWidth: "...", maxHeight: "..."}

public abstract min(args: ...string): string source

import {min} from 'koutla-swiss/src/utils/units/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"min(arg1, arg2, arg...)"

public abstract minSize(width: string | number, height: string | number): object source

import {minSize} from 'koutla-swiss/src/mixins/size/index.js'

Mixin to for minimal sizing (min-width/min-height)

Params:

Name	Type	Attribute	Description
width	string \| number
height	string \| number		if missing, the value of width will be used

Return:

object

{minWidth: "...", minHeight: "..."}

public abstract mm(value: number): string source

import {mm} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the mm suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]mm"

public abstract mq(query: string, props: object): object source

import {mq} from 'koutla-swiss/src/utils/media/index.js'

Prepare a media query and returns it as an object

Params:

Name	Type	Attribute	Description
query	string		media query definition
props	object		properties related to the media query

Return:

object

{"@media(...)": {"prop": "..."}}

public abstract ms(value: number): string source

import {ms} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the ms suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]ms"

public abstract opacity(args: ...string): string source

import {opacity} from 'koutla-swiss/src/mixins/filter/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"opacity(arg1, arg2, arg...)"

public abstract padding(args: ...string): object source

import {padding} from 'koutla-swiss/src/mixins/box-model/index.js'

Take all the arguments and return an object with a padding property

Params:

Name	Type	Attribute	Description
args	...string

Return:

object

{padding: "arg1 arg2 arg..."}

public abstract pc(value: number): string source

import {pc} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the pc suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]pc"

public abstract percent(value: number, withDecimal: boolean): string source

import {percent} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the percent suffix

Params:

Name	Type	Attribute	Description
value	number
withDecimal	boolean		treat the value as a decimal value between 0 and 1

Return:

string

"[value]%"

public abstract perspective(args: ...string): string source

import {perspective} from 'koutla-swiss/src/mixins/transform/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"perspective(arg1, arg2, arg...)"

public abstract position(type: string, args: ...string): object source

import {position} from 'koutla-swiss/src/mixins/position/index.js'

Mixin to generate a positionned box

Params:

Name	Type	Attribute	Description
type	string		position name
args	...string		values for top, right, bottom, left - treated like for margin or padding properties

Return:

object

{position: "...", top: "...", right: "...", bottom: "...", left: "..."}

public abstract pt(value: number): string source

import {pt} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the pt suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]pt"

public abstract px(value: number): string source

import {px} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the px suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]px"

public abstract rad(value: number): string source

import {rad} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the rad suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]rad"

public abstract radialGradient(args: ...string): string source

import {radialGradient} from 'koutla-swiss/src/mixins/background/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"radial-gradient(arg1, arg2, arg...)"

public abstract relative(args: ...string): object source

import {relative} from 'koutla-swiss/src/mixins/position/index.js'

Mixin to generate a relative positionned box

Params:

Name	Type	Attribute	Description
args	...string		values for top, right, bottom, left - treated like for margin or padding properties

Return:

object

{position: "relative", top: "...", right: "...", bottom: "...", left: "..."}

public abstract rem(value: number): string source

import {rem} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the rem suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]rem"

public abstract repeatingLinearGradient(args: ...string): string source

import {repeatingLinearGradient} from 'koutla-swiss/src/mixins/background/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"repeating-linear-gradient(arg1, arg2, arg...)"

public abstract repeatingRadialGradient(args: ...string): string source

import {repeatingRadialGradient} from 'koutla-swiss/src/mixins/background/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"repeating-radial-gradient(arg1, arg2, arg...)"

public abstract rgb(args: ...string | ...number): string source

import {rgb} from 'koutla-swiss/src/utils/colors/index.js'

Take all the arguments and return a string with the rgb channels definition

Params:

Name	Type	Attribute	Description
args	...string \| ...number		parts of the color definition (if only one arg is given, it will be converted)

Return:

string

"rgb(arg1, arg2, arg...)"

public abstract rgba(args: ...string | ...number): string source

import {rgba} from 'koutla-swiss/src/utils/colors/index.js'

Take all the arguments and return a string with the rgba channels definition

Params:

Name	Type	Attribute	Description
args	...string \| ...number		parts of the color definition (if only one arg is given, it will be converted)

Return:

string

"rgba(arg1, arg2, arg...)"

public abstract rlh(value: number): string source

import {rlh} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the rlh suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]rlh"

public abstract rotate(args: ...string): string source

import {rotate} from 'koutla-swiss/src/mixins/transform/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"rotate(arg1, arg2, arg...)"

public abstract rotate3d(args: ...string): string source

import {rotate3d} from 'koutla-swiss/src/mixins/transform/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"rotate3d(arg1, arg2, arg...)"

public abstract rotateX(args: ...string): string source

import {rotateX} from 'koutla-swiss/src/mixins/transform/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"rotateX(arg1, arg2, arg...)"

public abstract rotateY(args: ...string): string source

import {rotateY} from 'koutla-swiss/src/mixins/transform/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"rotateY(arg1, arg2, arg...)"

public abstract rotateZ(args: ...string): string source

import {rotateZ} from 'koutla-swiss/src/mixins/transform/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"rotateZ(arg1, arg2, arg...)"

public abstract s(value: number): string source

import {s} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the s suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]s"

public abstract saturate(args: ...string): string source

import {saturate} from 'koutla-swiss/src/mixins/filter/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"saturate(arg1, arg2, arg...)"

public abstract scale(args: ...string): string source

import {scale} from 'koutla-swiss/src/mixins/transform/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"scale(arg1, arg2, arg...)"

public abstract scale3d(args: ...string): string source

import {scale3d} from 'koutla-swiss/src/mixins/transform/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"scale3d(arg1, arg2, arg...)"

public abstract scaleX(args: ...string): string source

import {scaleX} from 'koutla-swiss/src/mixins/transform/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"scaleX(arg1, arg2, arg...)"

public abstract scaleY(args: ...string): string source

import {scaleY} from 'koutla-swiss/src/mixins/transform/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"scaleY(arg1, arg2, arg...)"

public abstract scaleZ(args: ...string): string source

import {scaleZ} from 'koutla-swiss/src/mixins/transform/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"scaleZ(arg1, arg2, arg...)"

public abstract sepia(args: ...string): string source

import {sepia} from 'koutla-swiss/src/mixins/filter/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"sepia(arg1, arg2, arg...)"

public abstract size(width: string | number, height: string | number): object source

import {size} from 'koutla-swiss/src/mixins/size/index.js'

Mixin to for sizing (width/height)

Params:

Name	Type	Attribute	Description
width	string \| number
height	string \| number		if missing, the value of width will be used

Return:

object

{width: "...", height: "..."}

public abstract skew(args: ...string): string source

import {skew} from 'koutla-swiss/src/mixins/transform/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"skew(arg1, arg2, arg...)"

public abstract skewX(args: ...string): string source

import {skewX} from 'koutla-swiss/src/mixins/transform/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"skewX(arg1, arg2, arg...)"

public abstract skewY(args: ...string): string source

import {skewY} from 'koutla-swiss/src/mixins/transform/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"skewY(arg1, arg2, arg...)"

public abstract steps(args: ...string): string source

import {steps} from 'koutla-swiss/src/mixins/animation/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"steps(arg1, arg2, arg...)"

public abstract sticky(args: ...string): object source

import {sticky} from 'koutla-swiss/src/mixins/position/index.js'

Mixin to generate a sticky positionned box

Params:

Name	Type	Attribute	Description
args	...string		values for top, right, bottom, left - treated like for margin or padding properties

Return:

object

{position: "sticky", top: "...", right: "...", bottom: "...", left: "..."}

public abstract transform(args: ...string): object source

import {transform} from 'koutla-swiss/src/mixins/transform/index.js'

Take all the arguments and return an object with a transform property - returns "none" value if no argument is given

Params:

Name	Type	Attribute	Description
args	...string

Return:

object

{transform: "arg1 arg2 arg..."}

public abstract transformOrigin(args: ...string): object source

import {transformOrigin} from 'koutla-swiss/src/mixins/transform/index.js'

Take all the arguments and return an object with a transformOrigin property

Params:

Name	Type	Attribute	Description
args	...string

Return:

object

{transformOrigin: "arg1 arg2 arg..."}

public abstract transition(args: ...string): object source

import {transition} from 'koutla-swiss/src/mixins/animation/index.js'

Take all the arguments and return an object with a transition property

Params:

Name	Type	Attribute	Description
args	...string

Return:

object

{transition: "arg1 arg2 arg..."}

public abstract transitionProperty(args: ...string): object source

import {transitionProperty} from 'koutla-swiss/src/mixins/animation/index.js'

Take all the arguments and return an object with a transitionProperty property

Params:

Name	Type	Attribute	Description
args	...string

Return:

object

{transitionProperty: "arg1, arg2, arg..."} - note: the args are separated by commas

public abstract transitionTimingFunction(args: ...string): object source

import {transitionTimingFunction} from 'koutla-swiss/src/mixins/animation/index.js'

Take all the arguments and return an object with a transitionTimingFunction property

Params:

Name	Type	Attribute	Description
args	...string

Return:

object

{transitionTimingFunction: "arg1, arg2, arg..."} - note: the args are separated by commas

public abstract translate(args: ...string): string source

import {translate} from 'koutla-swiss/src/mixins/transform/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"translate(arg1, arg2, arg...)"

public abstract translate3d(args: ...string): string source

import {translate3d} from 'koutla-swiss/src/mixins/transform/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"translate3d(arg1, arg2, arg...)"

public abstract translateX(args: ...string): string source

import {translateX} from 'koutla-swiss/src/mixins/transform/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"translateX(arg1, arg2, arg...)"

public abstract translateY(args: ...string): string source

import {translateY} from 'koutla-swiss/src/mixins/transform/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"translateY(arg1, arg2, arg...)"

public abstract translateZ(args: ...string): string source

import {translateZ} from 'koutla-swiss/src/mixins/transform/index.js'

Take all the arguments and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
args	...string

Return:

string

"translateZ(arg1, arg2, arg...)"

public abstract turn(value: number): string source

import {turn} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the turn suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]turn"

public abstract url(arg: string): string source

import {url} from 'koutla-swiss/src/mixins/background/index.js'

Take the argument and return a string with the appropriate syntax

Params:

Name	Type	Attribute	Description
arg	string		URL

Return:

string

"url(arg)"

public abstract vb(value: number): string source

import {vb} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the vb suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]vb"

public abstract vh(value: number): string source

import {vh} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the vh suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]vh"

public abstract vi(value: number): string source

import {vi} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the vi suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]vi"

public abstract vmax(value: number): string source

import {vmax} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the vmax suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]vmax"

public abstract vmin(value: number): string source

import {vmin} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the vmin suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]vmin"

public abstract vw(value: number): string source

import {vw} from 'koutla-swiss/src/utils/units/index.js'

Return the value with the vw suffix

Params:

Name	Type	Attribute	Description
value	number

Return:

string

"[value]vw"