Пређи на садржај

Лесс

С Википедије, слободне енциклопедије
Less
Less лого
Оригинални називенгл. Less
Изговара сеЛес
Појавио се2009.
Аутор(и)Алексис Селије и Димитри Фадејев
Дизајнер(и)Алексис Селије
Актуелна верзија2.7.1
Датум актуелне верзије9. мај 2016.; пре 8 година (2016-05-09)
Систем типовадинамички
ИмплементацијеЈаваСкрипт
Утицаји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. ^ [1] WинЛесс гитхуб Иссуе "Лиценсе Информатион"
  2. ^ Црунцх'с ЛИЦЕНСЕ.тxт ат гитхуб Црунцх'с ЛИЦЕНСЕ.тxт ат гитхуб
  3. ^ [2] гитхуб лиценсе
  4. ^ [3] лиценсе филе ат гитхуб (плацехолдер)
  5. ^ [4] Архивирано на сајту Wayback Machine (16. јун 2016) Цхирпy Лиценсе Информатион ат ЦодеПлеx
  6. ^ Ецлипсе Плугин фор Лесс хомепаге Ецлипсе Плугин фор Лесс хомепаге

Спољашње везе

[уреди | уреди извор]
Лесс на Викимедијиној остави.
Преузето из „https://sr.wikipedia.org/w/index.php?title=Less&oldid=26758706”