Font-face

fontFace {
    fontFamily 'myFirstFont'
    fontWeight 'normal'
    src 'url(sensational.woff)'
}

Resolves to:

@font-face {
    font-family: myFirstFont;
    font-weight: normal;
    src:url(sensational.woff);
}

Custom styles

body {
    add style('-webkit-touch-callout', 'none')
    add style('-webkit-textSize-adjust', 'none')
    add style('-webkit-user-select', 'none')
}

Resolves to:

body {
    -webkit-touch-callout: none
    -webkit-textSize-adjust: none
    -webkit-user-select: none
}

Media

media 'screen', {
    body { width '100%' }
}

Produces:

@media screen {
    body { width: 100%; }
}


Last updated: 31 July 2019