Home Reference Source

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

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

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

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

public abstract

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

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

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

Concatanate all the arguments, comma-separated

public abstract

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

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

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

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

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

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

public abstract

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

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

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

public abstract

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

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

Return the value with the Hz suffix

Params:

NameTypeAttributeDescription
value number

Return:

string

"[value]Hz"

public abstract Q(value: number): string source

Return the value with the Q suffix

Params:

NameTypeAttributeDescription
value number

Return:

string

"[value]Q"

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

Mixin to generate a absolute positionned box

Params:

NameTypeAttributeDescription
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

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

Params:

NameTypeAttributeDescription
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:

NameTypeAttributeDescription
args ...string

Return:

object

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

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

object

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

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

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

Params:

NameTypeAttributeDescription
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:

NameTypeAttributeDescription
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:

NameTypeAttributeDescription
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:

NameTypeAttributeDescription
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:

NameTypeAttributeDescription
args ...string

Return:

object

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

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

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

Params:

NameTypeAttributeDescription
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:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

public abstract cap(value: number): string source

Return the value with the cap suffix

Params:

NameTypeAttributeDescription
value number

Return:

string

"[value]cap"

public abstract ch(value: number): string source

Return the value with the ch suffix

Params:

NameTypeAttributeDescription
value number

Return:

string

"[value]ch"

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

public abstract cm(value: number): string source

Return the value with the cm suffix

Params:

NameTypeAttributeDescription
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:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

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

Params:

NameTypeAttributeDescription
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:

NameTypeAttributeDescription
args ...string

Return:

string

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

public abstract deg(value: number): string source

Return the value with the deg suffix

Params:

NameTypeAttributeDescription
value number

Return:

string

"[value]deg"

public abstract dpcm(value: number): string source

Return the value with the dpcm suffix

Params:

NameTypeAttributeDescription
value number

Return:

string

"[value]dpcm"

public abstract dpi(value: number): string source

Return the value with the dpi suffix

Params:

NameTypeAttributeDescription
value number

Return:

string

"[value]dpi"

public abstract dppx(value: number): string source

Return the value with the dppx suffix

Params:

NameTypeAttributeDescription
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:

NameTypeAttributeDescription
args ...string

Return:

string

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

public abstract em(value: number): string source

Return the value with the em suffix

Params:

NameTypeAttributeDescription
value number

Return:

string

"[value]em"

public abstract ex(value: number): string source

Return the value with the ex suffix

Params:

NameTypeAttributeDescription
value number

Return:

string

"[value]ex"

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

object

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

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

Mixin to generate a fixed positionned box

Params:

NameTypeAttributeDescription
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

Mixin to generate a flex box

Params:

NameTypeAttributeDescription
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:

NameTypeAttributeDescription
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

Mixin to generate a flex row

Params:

NameTypeAttributeDescription
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

Return the value with the fr suffix

Params:

NameTypeAttributeDescription
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:

NameTypeAttributeDescription
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:

NameTypeAttributeDescription
args ...string

Return:

string

arg1 arg2 arg3

public abstract grad(value: number): string source

Return the value with the grad suffix

Params:

NameTypeAttributeDescription
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:

NameTypeAttributeDescription
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:

NameTypeAttributeDescription
args ...string

Return:

string

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

public abstract ic(value: number): string source

Return the value with the ic suffix

Params:

NameTypeAttributeDescription
value number

Return:

string

"[value]ic"

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

Take the given value and add !important to it

Params:

NameTypeAttributeDescription
target string | object

value to add important to

Return:

string | object

public abstract inch(value: number): string source

Return the value with the in suffix

Params:

NameTypeAttributeDescription
value number

Return:

string

"[value]in"

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

public abstract kHz(value: number): string source

Return the value with the kHz suffix

Params:

NameTypeAttributeDescription
value number

Return:

string

"[value]kHz"

public abstract lh(value: number): string source

Return the value with the lh suffix

Params:

NameTypeAttributeDescription
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:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

object

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

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

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

Params:

NameTypeAttributeDescription
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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

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

Params:

NameTypeAttributeDescription
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

Return the value with the mm suffix

Params:

NameTypeAttributeDescription
value number

Return:

string

"[value]mm"

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

Prepare a media query and returns it as an object

Params:

NameTypeAttributeDescription
query string

media query definition

props object

properties related to the media query

Return:

object

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

public abstract ms(value: number): string source

Return the value with the ms suffix

Params:

NameTypeAttributeDescription
value number

Return:

string

"[value]ms"

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

object

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

public abstract pc(value: number): string source

Return the value with the pc suffix

Params:

NameTypeAttributeDescription
value number

Return:

string

"[value]pc"

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

Return the value with the percent suffix

Params:

NameTypeAttributeDescription
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:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

Mixin to generate a positionned box

Params:

NameTypeAttributeDescription
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

Return the value with the pt suffix

Params:

NameTypeAttributeDescription
value number

Return:

string

"[value]pt"

public abstract px(value: number): string source

Return the value with the px suffix

Params:

NameTypeAttributeDescription
value number

Return:

string

"[value]px"

public abstract rad(value: number): string source

Return the value with the rad suffix

Params:

NameTypeAttributeDescription
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:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

Mixin to generate a relative positionned box

Params:

NameTypeAttributeDescription
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

Return the value with the rem suffix

Params:

NameTypeAttributeDescription
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:

NameTypeAttributeDescription
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:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

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

Params:

NameTypeAttributeDescription
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

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

Params:

NameTypeAttributeDescription
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

Return the value with the rlh suffix

Params:

NameTypeAttributeDescription
value number

Return:

string

"[value]rlh"

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

public abstract s(value: number): string source

Return the value with the s suffix

Params:

NameTypeAttributeDescription
value number

Return:

string

"[value]s"

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

Mixin to for sizing (width/height)

Params:

NameTypeAttributeDescription
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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

Mixin to generate a sticky positionned box

Params:

NameTypeAttributeDescription
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

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

Params:

NameTypeAttributeDescription
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:

NameTypeAttributeDescription
args ...string

Return:

object

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

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

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

Params:

NameTypeAttributeDescription
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:

NameTypeAttributeDescription
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:

NameTypeAttributeDescription
args ...string

Return:

object

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

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

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

Params:

NameTypeAttributeDescription
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:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

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

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

Params:

NameTypeAttributeDescription
args ...string

Return:

string

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

public abstract turn(value: number): string source

Return the value with the turn suffix

Params:

NameTypeAttributeDescription
value number

Return:

string

"[value]turn"

public abstract url(arg: string): string source

Take the argument and return a string with the appropriate syntax

Params:

NameTypeAttributeDescription
arg string

URL

Return:

string

"url(arg)"

public abstract vb(value: number): string source

Return the value with the vb suffix

Params:

NameTypeAttributeDescription
value number

Return:

string

"[value]vb"

public abstract vh(value: number): string source

Return the value with the vh suffix

Params:

NameTypeAttributeDescription
value number

Return:

string

"[value]vh"

public abstract vi(value: number): string source

Return the value with the vi suffix

Params:

NameTypeAttributeDescription
value number

Return:

string

"[value]vi"

public abstract vmax(value: number): string source

Return the value with the vmax suffix

Params:

NameTypeAttributeDescription
value number

Return:

string

"[value]vmax"

public abstract vmin(value: number): string source

Return the value with the vmin suffix

Params:

NameTypeAttributeDescription
value number

Return:

string

"[value]vmin"

public abstract vw(value: number): string source

Return the value with the vw suffix

Params:

NameTypeAttributeDescription
value number

Return:

string

"[value]vw"