SAS ma LESESI Muamua

E tatau i tagata atinaʻe i luga o le upega tafaʻilagi ona masani i se tasi poʻo uma uma e lua

Coke poʻo Pepsi, Mac poʻo PC, Maofa poʻo DC? I totonu o nuʻu uma, o loʻo i ai se finauga e sili atu. Mo failatalama po o tagata atiaeina, o le felafolafoaiga o Sass poo Less.

O a mea e sili atu ma e le lelei?

O faʻataʻitaʻiga faʻapitoa (Sass) ma le Leaner CSS (LESS) o le CSS muamua o le polokalama. O ni faʻaopoopoga sitaili faapitoa e mafai ai e le mamanu ona faigofie ma sili atu le lelei. O le Sass ma le LESONA uma e faʻapipiʻi i totonu o le CSS suʻega ina ia mafai ai e tagata suʻesuʻe ona faitau i ai, o se mea e tatau ai aua e le mafai ona faitauina e le initaneti ia ituaiga po o .lus faila.

Afai e te fuafua i le i ai i le lalolagi o le atinaʻeina o upega tafaʻilagi, o se mea lelei le iloa lelei o se tasi o le lua faʻamuamua-poʻo mea uma e lua .

Pe a oʻo i lalo, e tutusa uma. Latou te faia le tusiga CSS faigofie, sili atu le faʻatinoina o sini, ma se mea e sili atu le fiafia. Ae ui i lea, ei ai nai eseesega taua. E lima o latou o loʻo lisiina iinei.

  • 01 Sass Is in Ruby. LESONA O le JavaScript

    O Sass e faʻavae i Ruby, ma e manaʻomia le tuʻuina atu o Ruby. E le o se mea tele tele pe a iai sau Mac. Ae ui i lea, e umi le faʻatulagaga pe afai o loʻo i ai sau masini Windows.

    O le LESONA na fausia i Ruby e pei o Sass, ae na lafoina i le Javascript. Ina ia mafai ona faʻaaoga LE LESI, e te faʻapipiʻi atu laupepa JavaScript talafeagai i lau 'auʻaunaga pe faʻapipiʻi le pepa CSS e ala i se tagata faʻasalalau lē taofiofi.

  • 02 Ina ia Tofia Variables: Faʻaaogaina le $; LESONA Faʻaaogaina @

    O Sass ma LE MATI e faʻaaogaina faʻamatalaga faʻapitoa e atofa ai ni fesuiaiga. O lenei auala e te le tau faʻaauau ona e ulufale atu i faʻamatalaga; e mafai ona e ulufale i le amio.

    I Sass, o le tala tala ($). I LENEI, o le faailoga (@). Pau lava le avanoa mo le LESI o le i ai o nai tagata filifili CSS oi ai nei ua faʻaaogaina le @, o lea e ono faʻamalosi ai le aʻoga aʻoga.

  • 03 Sass Has Compass, Ua Lelei le Amata

    SAS ma LESI ei ai ni faʻaopoopoga e avanoa e faʻafefiloi mixins (o le mafai ona teuina ma faʻasoa faʻamatalaga CSS i luga o se 'upega tafaʻilagi).

    • E iai le Compass e maua mo mixins, lea e aofia ai avanoa uma e maua ma faʻamatalaga mo le lumanaʻi.

    • LESONA ei ai Preboot.less, LESONA Faʻafefiloi, LENEI Elemene, gs, ma le Frameless. O le polokalama polokalama a le LESS e sili atu ona vaevaeina nai lo le Sass, e mafua ai le tele o filifiliga eseese mo faʻaopoopoga atonu e le tutusa uma le auala. Mo lau poloketi, atonu e te manaʻomia uma faʻaopoopoga lisi ina ia maua ai se faʻatusa tutusa i le Tapasa.

  • 04 O LE LESI E Sili Atu Faifeautalai Lelei nai lo Sass

    Ua uma ona tofotofoina uma SAS ma LASI mo lo latou mafaia ona lipotia mea sese i le syntax. LESONA ei ai faʻamatalaga saʻo sese i le suʻega na ia lipotia le nofoaga tonu o le mea sese.

    O se mea e pei o lenei e mafai ona lavea sina taimi e sosolo i luga o se typo.

  • 05 O LE MEA EI Ai Ni Faʻamatalaga Faʻamaonia a le Uiga Nai lo Sass

    O tusi a le LESSI e foliga lelei ma e faigofie ona mulimuli mo tagata muamua. O loʻo i ai i le Sass faʻamaumauga le tele o faʻamatalaga malamalama poʻo le seti wiki.

    O se mea moni lea e mafai ona taua ile laʻasaga o tamaititi a le Sass poʻo le LESSA talu ai o se faʻavae ua fuafuaina mo le faʻaaogaina i le mamanu o le upega tafaʻilagi.