⊗mkLsBsMWC 27 of 41 menu

Обединяване чрез запетая в LESS

Нека имаме функция, която създава сянка на блок:

.shadow(@s) { box-shadow: @s; }

Нека искаме да добавим две сенки към блока, като извикаме нашата функция два пъти:

p { .shadow(1px 1px red); .shadow(2px 2px blue); }

Ние обаче няма да получим нищо, защото извикването на две сенки просто ще добави две свойства box-shadow:

p { box-shadow: 1px 1px red; box-shadow: 2px 2px blue; }

А ние бихме искали сенките да бъдат добавени в едно свойство box-shadow чрез запетая, ето така:

p { box-shadow: 1px 1px red, 2px 2px blue; }

За да работи нашата функция по описания начин, е необходимо стойността на свойството да се пише след специален оператор +:, ето така:

.shadow(@s) { box-shadow+: @s; }

Направете подобна функция за свойството text-shadow.

Направете подобна функция за свойството background.

Български
AfrikaansAzərbaycanবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Ние използваме бисквитки за работата на сайта, анализ и персонализация. Обработката на данни се извършва в съответствие с Политика за поверителност.
приемам всички настройки отхвърляне