Pono nā mea hoʻomohala pūnaewele eʻike i kekahi mea'ē aʻe aʻelua paha
Coke a iʻole Pepsi, Mac aiʻole PC, Kahahā aiʻole DC paha? Ma nā kaiaulu a pau, he kūkākūkā ka mea iʻoi aku ka maikaʻi. No nā mea hoʻolālā pūnaewele a me nā mea hoʻolālā paha,ʻo ia ke kūkākūkā a Sass a iʻole ka liʻiliʻi.
He aha ka mea a me kaʻole?
ʻO Awesome Stylesheets (Sass) a me Leaner CSS (LESS) nā mea hana mua o CSS. He mau loeaʻano hilinaʻi kūpono ia e hoʻonui ai i ka hoʻolālāʻana a me ka maikaʻi. Hoʻokomoʻia nā Sass a me LESS i loko o nā style styles CSS i hiki i nā mea kele pūnaewele ke heluhelu iā lākou, a he mea kūpono ia no ka mea hikiʻole i nā meaʻike pūnaewele ke heluhelu i nāʻano kōnae .less aiʻole .less.
Ināʻoe e noʻonoʻo i ka nohoʻana ma ka honua o ka hoʻolālā pūnaewele, he mea maikaʻi eʻike i kahi o nā papa hanaʻelua-a iʻole nā meaʻelua .
Ke hele mai i lalo, ua like like lāua. Hoʻomaopopo lākou i ke kākau CSS ma o ka maʻalahi,ʻoi aku ke kumu waiwai, a me ka hoʻonuiʻana i kaʻike. Eia nō naʻe, he mauʻanoʻokoʻa keʻano. ʻElima o lākou i heluʻia maʻaneʻi.
01 Aia i loko o Ruby. LESS Aia ma JavaScript
Ua kūkuluʻia ka LESS ma Ruby e like me Sass, akā ua hoʻohanaʻia i ka JavaScript. No ka hoʻohanaʻana i ka LESS, hoʻounaʻoe i nā leka JavaScript kūpono i kāu kikowaena a iʻole e hōʻuluʻulu i nā pūnaewele CSS ma o kahi pūʻulu pūnaeweleʻole.
02 E hāʻawi i nā hoʻololi: Hāʻawiʻo ia i $; LANA hoʻohana @
Hoʻohana nā Sass a me LESS i nā hua'ōlelo kūikawā e hāʻawi i nā kānana. Ma kēiaʻano,ʻaʻole ponoʻoe e hoʻomau i ke komoʻana i nā kiko'ī; hiki iāʻoe ke hoʻokomo wale i keʻano.
Ma Sass,ʻo ka hōʻailona ($). Ma LESS, aia ma ka hōʻailona (@). ʻO kaʻaoʻao wale no ka LEA he hiki i nā mea koho CSS i kēia manawa i hoʻohana mua i ka @, no laila e hoʻoikaika ai i kaʻaoʻao aʻo.
03 Aia i ka papa kuhi kōkuhi, ua hoʻomaka ka maikaʻi
Loaʻa iā Sass a LESS nā hoʻolālā e hiki ke hoʻohui i ka mixins (ka hiki ke mālama a kaʻana like i nā hōʻike a CSS ma kahi o kahi pūnaewele).
Loaʻa iā Compass ma kahi Mixins, e komo pū me kēlā me kēia koho i loaʻa me nā hōʻailona no ke kākoʻo o ka wā e hiki mai ana.
Ua loaʻa iā LESS Preboot.less, LĀNA MANAʻAU, LESS Elements, gs, a me Frameless. Manaʻo pūnaewele o LESS i kahi'āpana'āpana ma mua o Sass, hiki ke loaʻa nāʻokoʻa he nui no nā hoʻolālāʻana pahaʻaʻole paha e hana like nāʻano like. No kāu papahana, hiki iāʻoe ke pono i nā hōʻailona i hōʻikeʻia e loaʻa i kahi hana like i Compass.
04 Aia no ka hewaʻoi aku ka hewa ma mua o ka hōʻike
Ua ho'āʻoʻia nā Sass a me ka LESS no ka hiki iā lākou ke hōʻike i nā hemahema i ka syntax. Ua loaʻa i ka LESS nā'īkelina hemahema maʻamau i nā hoʻokolohua ma ka hōʻikeʻana i ka wahi kūpono o ka hapa.
Hiki i kekahi mea e like me kēia ke hoʻopakele i kahi manawa lōʻihi ma luna o kahi typo.
05 Manaʻo He mea hōʻoia hōʻoiaʻoihanaʻoi aku ma mua o ka hoʻohālike
ʻO nā palapala LESS ka nānāʻoluʻolu a maʻalahi ka hahaiʻana no nā mea hoʻohana mua. Loaʻa ka nui o kahi kahuaʻike a wikiwiki paha i nā palapala Sass.
He mea nui kēia e hiki ai ke lilo i mea nui i nā kuhi o ka hoʻomohalaʻana o ka Sass a iʻole LESS paha mai ka mea he paepae i hoʻonohonohoʻia no ka hoʻohanaʻana i ka hoʻolālā pūnaewele.