ലെസ്സ് (സ്റ്റൈൽ‌ഷീറ്റ് ഭാഷ)

വിക്കിപീഡിയ, ഒരു സ്വതന്ത്ര വിജ്ഞാനകോശം.
Jump to navigation Jump to search
Less
LESS Logo.svg
പുറത്തുവന്ന വർഷം:2009; 10 years ago (2009)
രൂപകൽപ്പന ചെയ്തത്:Alexis Sellier
വികസിപ്പിച്ചത്:Alexis Sellier, Dmitry Fadeyev
ഡാറ്റാടൈപ്പ് ചിട്ട:Dynamic
സ്വാധീനിക്കപ്പെട്ടത്:CSS, Sass
സ്വാധീനിച്ചത്:Sass, Less Framework, Bootstrap (v3)
ഓപറേറ്റിങ്ങ് സിസ്റ്റം:Cross-platform
അനുവാദപത്രം:Apache License 2.0
വെബ് വിലാസം:lesscss.org

ലെസ്സ് (ലീനർ സ്റ്റൈൽ ഷീറ്റുകൾ; ചിലപ്പോൾ ലെസ് എന്ന് സ്റ്റൈലൈസ് ചെയ്തിരിക്കുന്നത്) ഒരു ചലനാത്മക പ്രീപ്രൊസസ്സർ സ്റ്റൈൽ ഷീറ്റ് ഭാഷയാണ്, അത് കാസ്കേഡിംഗ് സ്റ്റൈൽ ഷീറ്റുകളിലേക്ക് (സി‌എസ്‌എസ്) കംപൈൽ ചെയ്യാനും ക്ലയന്റ് ഭാഗത്തോ സെർവർ ഭാഗത്തോ പ്രവർത്തിപ്പിക്കാനും കഴിയും. [1]അലക്സിസ് സെല്ലിയർ രൂപകൽപ്പന ചെയ്ത, ലെസിനെ സാസ് സ്വാധീനിക്കുകയും സാസിന്റെ പുതിയ "എസ്‌സി‌എസ്എസ്" വാക്യഘടനയെ സ്വാധീനിക്കുകയും ചെയ്തു, ഇത് സി‌എസ്‌എസ് പോലുള്ള ബ്ലോക്ക് ഫോർമാറ്റിംഗ് വാക്യഘടനയ്ക്ക് അനുയോജ്യമാക്കി.[2]ലെസ്സ് ഓപ്പൺ സോഴ്‌സ് ആണ്. അതിന്റെ ആദ്യ പതിപ്പ് റൂബിയിൽ എഴുതി; എന്നിരുന്നാലും, പിന്നീടുള്ള പതിപ്പുകളിൽ,റൂബിയുടെ ഉപയോഗം ഒഴിവാക്കി പകരം ജാവാസ്ക്രിപ്റ്റ് ഉപയോഗിച്ചു. ലെസിന്റെ ഇൻഡന്റ് ചെയ്ത വാക്യഘടന ഒരു നെസ്റ്റഡ് മെറ്റലാംഗ്വേജാണ്, കാരണം സാധുവായ സി‌എസ്‌എസ് സാധുവായ അതേ സെമാന്റിക്‌സുള്ള കുറഞ്ഞ കോഡാണ്. ലെസ്സ് ഇനിപ്പറയുന്ന സംവിധാനങ്ങൾ നൽകുന്നു: വേരിയബിളുകൾ, നെസ്റ്റിംഗ്, മിക്സിനുകൾ, ഓപ്പറേറ്റർമാർ, ഫംഗ്ഷനുകൾ; ലെസ്സും മറ്റ് സി‌എസ്‌എസ് പ്രീ കംപൈലറുകളും തമ്മിലുള്ള പ്രധാന വ്യത്യാസം ബ്രൗസർ ലെസ്സ്.ജെഎസ് വഴി തത്സമയ കംപൈലിംഗ് അനുവദിക്കുന്നു എന്നതാണ്.[1][3]

സവിശേഷതകൾ[തിരുത്തുക]

വേരിയബിളുകൾ[തിരുത്തുക]

ലെസ്സ് വേരിയബിളുകളെ നിർവചിക്കാൻ അനുവദിക്കുന്നു. ലെസ്സ് വേരിയബിളുകൾ ഒരു അറ്റ് ചിഹ്നം (@) ഉപയോഗിച്ച് നിർവചിച്ചിരിക്കുന്നു. വേരിയബിൾ അസൈൻ‌മെന്റ് ഒരു കോളൻ (:) ഉപയോഗിച്ചാണ് ചെയ്യുന്നത്.

വിവർത്തന വേളയിൽ, വേരിയബിളുകളുടെ മൂല്യങ്ങൾ ഔട്ട്‌പുട്ട് സിഎസ്എസ്(CSS) പ്രമാണത്തിലേക്ക് തിരുകുന്നു.[1]

@pale-green-color: #4D926F;

#header {
  color: @pale-green-color;
}
h2 {
  color: @pale-green-color;
}

ലെസ്സിലെ മുകളിലുള്ള കോഡ് ഇനിപ്പറയുന്ന സി‌എസ്‌എസ് കോഡിലേക്ക് കംപൈൽ ചെയ്യും.

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

അവലംബം[തിരുത്തുക]

  1. 1.0 1.1 1.2 Official Less website Official Less website
  2. Sass and Less Archived 2009-06-21 at the Wayback Machine. Sass and Less
  3. "css - Is there a SASS.js? Something like LESS.js?". Stack Overflow.