Лесс

Less
Less
	Less лого
Оригинални назив	енгл. Less
Изговара се	Лес
Појавио се	2009.
Аутор(и)	Алексис Селије и Димитри Фадејев
Дизајнер(и)	Алексис Селије
Актуелна верзија	2.7.1
Датум актуелне верзије	9. мај 2016. год.; пре 7 година
Систем типова	динамички
Имплементације	ЈаваСкрипт
Утицаји	CSS, Sass
Утицао на	Sass, Less фрејмворк, Bootstrap
Оперативни системи	Више платформи
Лиценца	Апач 2
Веб-сајт	lesscss.org

Овај чланак је започет или проширен кроз пројекат семинарских радова. Потребно је проверити превод, правопис и вики-синтаксу.
Када завршите са провером, допишете да након |проверено=.

Лесс (у неким изворима и као ЛЕСС) је динамички језик за обележавање који може бити у саставу Цасцадинг Стyле Схеетс (ЦСС), а може бити покренут од стране клијента и од стране сервера. Лесс је дизајнирао Алексис Селије по угледу на Сасс, док је Лесс имао утицаја на новију, “СЦСС” синтаксу Сасс-а која има прилагођену синтаксу као ЦСС, у виду блокова. Прва верзија Лесс-а је написана у Рубy, док су последње верзије писане у ЈаваСцрипт. Лесс представља угњеждени метајезик. Валидан ЦСС код је такође и валидан Лесс код са истом семантиком. Лесс обезбеђује следеће механизме: променљиве, угњеждене петље, миxин, операторе и функције. Главна разлика између Лесс-а и осталих ЦСС претпроцесора је та што Лесс допушта компилацију у тзв. реалном времену, користећи лесс.јс од стране прегледача.

Променљиве уреди

Лесс дозвољава дефинисање променљивих. Променљиве се дефинишу користеци знак (@). Задатак променљиве је завршен са знаком (:).

@color: #4D926F;

#header {
  color: @color;
}
h2 {
  color: @color;
}

Претходни код у Лесс-у би одговарао наредном коду у ЦСС-у:

#header {
  color: #4D926F;
}
h2 {
  color: #4D926F;
}

Миxинс уреди

Миxинс допуштају уградњу свих својстава једне класе у другу класу, користећи име класе као једно од својстава, тако да се понашају као константе или променљиве. Овај механизам такође опонаша и функције, користећи аргументе. ЦСС не подржава ово својство. Поновљени код мора бити поновљен на свакој позицији. Основна предност је што овај механизам омогућава ефикасност, као и једноставне измене кода.

.rounded-corners (@radius: 5px) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  border-radius: @radius;
}

#header {
  .rounded-corners;
}
#footer {
  .rounded-corners(10px);
}

Претходни код у Лесс-у би одговарао наредном коду у ЦСС-у:

#header {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#footer {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

Угњеждене петље уреди

ЦСС подржава локалне угњеждене петље, али блокови кода сами по себи нису угњеждене петље. Лесс допушта угњеждене петље или селекторе унутар других селектора, што омогућава једноставно наслеђивање и краћи код.

#header {
  h1 {
    font-size: 26px;
    font-weight: bold;
  }
  p { 
    font-size: 12px;
    a { 
      text-decoration: none;
      &:hover { 
        border-width: 1px;
      }
    }
  }
}

Претходни код у Лесс-у би одговарао наредном коду у ЦСС-у:

#header h1 {
  font-size: 26px;
  font-weight: bold;
}
#header p {
  font-size: 12px;
}
#header p a {
  text-decoration: none;
}
#header p a:hover {
  border-width: 1px;
}

Функције и оператори уреди

Лесс допушта коришћење функција и оператора. Операције које се користе су сабирање, одузимање, множење и дељење вредности и боја, што се користи како би се створила комплексна веза између својстава.

@the-border: 1px;
@base-color: #111;
@red: #842210;

#header {
  color: @base-color * 3;
  border-left: @the-border;
  border-right: @the-border * 3;
}
#footer { 
  color: @base-color + #003300;
  border-color: desaturate(@red, 10%);
}

Претходни код у Лесс-у би одговарао наредном коду у ЦСС-у:

#header {
  color: #333;
  border-left: 1px;
  border-right: 3px;
}
#footer { 
  color: #114411;
  border-color: #7d2717;
}

Поређење уреди

Сасс уреди

I Сасс и Лесс су ЦСС претпроцесори који омогућавају чисто писање ЦСС кода уместо статичких правила.

Од верзије Лесс 1.4, Лесс подржава угњеждена, наслеђена правила кроз &:extends и @extends псеудо-селекторе. Пре тога, главна разлика између Лесс-а и осталих претпроцесора попут Сасс-а била је недостатак директиве @extends која омогућава наслеђивање између класа, да би се добио што чистији ЦСС код са што мање дупликата.

ЛЕСС је инспирисан Сасс-ом. Сасс је направљен са циљем да упрости, али и да прошири ЦСС, па су неке ствари уклоњене из синтаксе. Лесс је дизајниран да буде што сличнији ЦСС-у, тако да је синтакса идентична као у ЦСС-у. Као резултат ове сличности, постојећи ЦСС код може се користити и као валидан Лесс код.

Новије верзије Сасс-а које су упознате са синтаксом ЦСС-а се називају СЦСС.

За више информација о овоме, погледајте https://gist.github.com/674726.

Употреба на сајту уреди

Лесс се може применити на сајтове на много различитих начина. Један од начина је да садржи лесс.јс ЈаваСцрипт фајл, где затим претраживач генерише излазни ЦСС. Друга опција је да се од Лесс кода направи чист ЦСС код на сајту. Користећи ову опцију не постављају се .лесс фајлови и сајту није потребан лесс.јс ЈаваСцрипт конвертер.

Лесс софтвери уреди

Наме	Десцриптион	Софтwаре Лиценсе	Платформ	Фунцтионалитy
WинЛесс	ГУИ Лесс Цомпилер	Апацхе 2.0^[1]	Wиндоwс	Цомпилер
Црунцх	Лесс едитор анд цомпилер (реqуирес Адобе АИР)	ГПЛ^[2]	Wиндоwс, Мац ОС X	Цомпилер Едитор
лесс.јс-wиндоwс	Симпле цомманд-лине утилитy фор Wиндоwс тхат wилл цомпиле *.лесс филес то ЦСС усинг лесс.јс.	МИТ Лиценсе^[3]	Wиндоwс	Цомпилер
лесс.апп	Лесс Цомпилер	Проприетарy	Мац ОС X	Цомпилер
ЦодеКит	Лесс Цомпилер	Проприетарy	Мац ОС X	Цомпилер
ЛессЕнгине	Лесс Цомпилер	Фрее	ОпенЦарт Плугин	Цомпилер
СимпЛЕСС Архивирано на сајту Wayback Machine (29. јул 2013)	Лесс Цомпилер	фрее бут но еxплицит лиценсе^[4]	Wиндоwс Мац ОС X Линуx	Цомпилер
Цхирпy Архивирано на сајту Wayback Machine (21. април 2013)	Лесс Цомпилер	Мс-ПЛ^[5]	Висуал Студио Плугин	Цомпилер
Миндсцапе Wеб Wоркбенцх	Сyнтаx хигхлигхтинг анд ИнтеллиСенсе фор Лесс анд Сасс	Проприетарy	Висуал Студио Плугин	Цомпилер Сyнтаx Хигхлигхтинг
Ецлипсе Плугин фор Лесс	Ецлипсе Плугин	ЕПЛ 1.0^[6]	Ецлипсе Плугин	Сyнтаx хигхлигхтинг Цонтент ассист
мод_лесс	Апацхе2 модуле то цомпиле Лесс он тхе флy	Опен Соурце	Линуx	Цомпилер
грунт-цонтриб-лесс	Ноде.јс Грунт таск то цонверт Лесс то ЦСС	Опен Соурце	Ноде.јс	Цомпилер
Wеб Ессентиалс Архивирано на сајту Wayback Machine (11. новембар 2016)	Висуал Студио еxтенсион wитх суппорт фор Лесс анд Сасс	Апацхе 2.0	Wиндоwс	Сyнтаx хигхлигхтинг, Цонтент ассист, Цомпилер

Види још уреди

Референце уреди

^ [1] WинЛесс гитхуб Иссуе "Лиценсе Информатион"
^ Црунцх'с ЛИЦЕНСЕ.тxт ат гитхуб Црунцх'с ЛИЦЕНСЕ.тxт ат гитхуб
^ [2] гитхуб лиценсе
^ [3] лиценсе филе ат гитхуб (плацехолдер)
^ [4] Архивирано на сајту Wayback Machine (16. јун 2016) Цхирпy Лиценсе Информатион ат ЦодеПлеx
^ Ецлипсе Плугин фор Лесс хомепаге Ецлипсе Плугин фор Лесс хомепаге

Спољашње везе уреди

[1] [1] WинЛесс гитхуб Иссуе "Лиценсе Информатион"

[2] Црунцх'с ЛИЦЕНСЕ.тxт ат гитхуб Црунцх'с ЛИЦЕНСЕ.тxт ат гитхуб

[3] [2] гитхуб лиценсе

[4] [3] лиценсе филе ат гитхуб (плацехолдер)

[5] [4] Архивирано на сајту Wayback Machine (16. јун 2016) Цхирпy Лиценсе Информатион ат ЦодеПлеx

[6] Ецлипсе Плугин фор Лесс хомепаге Ецлипсе Плугин фор Лесс хомепаге

[1]

[2]

[3]

[4]

[5]

[6]

Less
Less лого
Оригинални назив	енгл. Less
Изговара се	Лес
Појавио се	2009.
Аутор(и)	Алексис Селије и Димитри Фадејев
Дизајнер(и)	Алексис Селије
Актуелна верзија	2.7.1
Датум актуелне верзије	9. мај 2016. год.; пре 7 година (2016-05-09)
Систем типова	динамички
Имплементације	ЈаваСкрипт
Утицаји	CSS, Sass
Утицао на	Sass, Less фрејмворк, Bootstrap
Оперативни системи	Више платформи
Лиценца	Апач 2
Веб-сајт	lesscss.org