sketch/size

Defines sizes directly with functions, to avoid conversions between int, float and strings.

Types

Size

opaque </>

Size defines a CSS Unit. It can be either px, pt, vh, vw, em, rem, lh, rlh, ch, %. To instanciate a Size, use the corresponding functions. Every unit exposes two functions: the Int function (like px(0)) and the Float version suffixed by an underscore (like px_(0.0)).

pub opaque type Size

Functions

ch

</>

pub fn ch(value: Int) -> Size

ch_

</>

pub fn ch_(value: Float) -> Size

em

</>

pub fn em(value: Int) -> Size

em_

</>

pub fn em_(value: Float) -> Size

lh

</>

pub fn lh(value: Int) -> Size

lh_

</>

pub fn lh_(value: Float) -> Size

percent

</>

pub fn percent(value: Int) -> Size

percent_

</>

pub fn percent_(value: Float) -> Size

pt

</>

pub fn pt(value: Int) -> Size

pt_

</>

pub fn pt_(value: Float) -> Size

px

</>

pub fn px(value: Int) -> Size

px_

</>

pub fn px_(value: Float) -> Size

rem

</>

pub fn rem(value: Int) -> Size

rem_

</>

pub fn rem_(value: Float) -> Size

rlh

</>

pub fn rlh(value: Int) -> Size

rlh_

</>

pub fn rlh_(value: Float) -> Size

to_string

</>

pub fn to_string(size: Size) -> String

Internal function, can be used if you need to go from a Size to a String in case you’re building on top of sketch.

vh

</>

pub fn vh(value: Int) -> Size

vh_

</>

pub fn vh_(value: Float) -> Size

vw

</>

pub fn vw(value: Int) -> Size

vw_

</>

pub fn vw_(value: Float) -> Size

✨