CSS preprocesory

Funkce url() je dostupná pouze v preprocesoru Stylus, jedná se o velmi užitečnou funkci pokud chcete ušetřit každý http request při načítání webu, což se na velkém portále, který obsahuje velmi mnoho různých obrázků, stylů a dalších prvků je výhodné. Funkce přepisuje relativní hodnoty ve vašem Stylus souboru, nejčastěji u vlastnosti background, adresu přepíše do formátu base64 v Data URI schéma.

Funkce se dá použít pouze při kompilaci přes příkazovou řádku.

ul li.complete {
    padding-left: 20px;
    background: white url('image/pozadi.png') no-repeat scroll left top;
}css

ul li.complete {
    padding-left: 20px;
    background: white url('data:image/png;base64,iVBORw0KGgoAAAAN
    SUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD///+l2Z/dAAAAM0lEQ
    VR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4Ug9C9zwz3gVLMDA/A6P
    9/AFGGFyjOXZtQAAAAAElFTkSuQmCC') no-repeat scroll left top;
}Stylus