Грамофонска игла је претпроцесор кода ЦСС, што нам омогућава једноставнији рад у нашем уређивачу текста, а затим објашњавам разлоге своје изјаве.
Ово је табела стилова какву познајемо:
боди {фонт: 12пк Хелветица, Ариал, санс-сериф; } а.буттон {-вебкит-бордер-радиус: 5пк; -моз-радијус-границе: 5пк; радијус границе: 5пк; }
И ово би био исти стил стилова са којим је створен Оловка:
фонт фонта 12пк Хелветица, Ариал, санс-сериф а.буттон -вебкит-бордер-радиус 5пк -моз-бордер-радиус 5пк бордер-радиус 5пк
Где су кључеви? Где је тачка и зарез, дебело црево? Форготтен, Грамофонска игла то ради за нас.
Ако почињете са ЦСС y ХТМЛ- није препоручљиво користити Грамофонска игла због једноставне чињенице да можете заборавити како ствари заиста функционишу, али ако већ имате времена на овом свету и желите да сачувате себи код и радите .. само напред.
Програмери Питон наћи ће у Грамофонска игла нешто врло слично ономе чему су прилагођени, јер само треба да увучете тачно да бисте учинили магију.
инсталација
За шта Грамофонска игла посао који морамо да инсталирамо Ноде.јс која је у огранку Заједнице, па настављамо да то радимо:
$ sudo pacman -S nodejs
А касније инсталирамо Стилус. Традиционални начин би био:
$ npm install -g stylus
Добро се инсталира, али код мене не функционише, па је много лакше инсталирати из АУР-а:
$ yaourt -S nodejs-stylus
Како се користи Стилус
Ок, већ смо инсталирали Ноде.јс и ми смо инсталирали Грамофонска игла.. Како га користимо? Једноставно је. Рецимо да имамо директоријум са следећим датотекама:
- дир - индек.хтмл - стиле.цсс
Оно што морамо да урадимо је да креирамо датотеку стил.стила, на којем ћемо радити. У тој датотеци можемо имати нешто попут:
тело позадине-боја #фффф величина фонта 12пк а.буттон боја црвена подлога 10пк
Ако сачувамо или направимо било какве промене, ништа се неће догодити, јер не „компајлирамо“ нашу датотеку. Да бисмо га компајлирали, ми отварамо терминал у нашем директоријуму (где је датотека стил.стила) и извршавамо:
stylus -c style.styl
Али сваки пут када сачувамо датотеку стил.стила морали бисмо извршити код, али срећом то није потребно, јер ако извршимо исту наредбу, али додавањем параметра -w (гледајте) дешава се следеће:
стилус -ц -в стиле.стил гледање /уср/либ/ноде_модулес/стилус/либ/фунцтионс/индек.стил компајлирани стиле.цсс гледање стиле.стил компајлирани стиле.цсс компајлирани стиле.цсс
Другим речима, датотека се аутоматски компајлира .. Да ли би резултат био?
тело {бацкгроунд-цолор: #ффф; фонт-сизе: 12пк} а.буттон {цолор: # ф00; паддинг: 10пк}
Као што видите, не само да нас ствара наш код ЦСС, али елиминише непотребне просторе тако да наш стилски лист тежи мање
Не само то, Грамофонска игла Омогућава нам да ЦСС датотеке проследимо у њихов формат, а начин на који користимо њихову синтаксу је веома разнолик. А ово је само преглед. Зато вас охрабрујем ако желите да сазнате мало више о томе Грамофонска игла