ലെസ്സ് (സ്റ്റൈൽഷീറ്റ് ഭാഷ)
ലെസ്സ് (ലീനർ സ്റ്റൈൽ ഷീറ്റുകൾ; ചിലപ്പോൾ ലെസ് എന്ന് സ്റ്റൈലൈസ് ചെയ്തിരിക്കുന്നത്) ഒരു ചലനാത്മക പ്രീപ്രൊസസ്സർ സ്റ്റൈൽ ഷീറ്റ് ഭാഷയാണ്, അത് കാസ്കേഡിംഗ് സ്റ്റൈൽ ഷീറ്റുകളിലേക്ക് (സിഎസ്എസ്) കംപൈൽ ചെയ്യാനും ക്ലയന്റ് ഭാഗത്തോ സെർവർ ഭാഗത്തോ പ്രവർത്തിപ്പിക്കാനും കഴിയും. [1]അലക്സിസ് സെല്ലിയർ രൂപകൽപ്പന ചെയ്ത, ലെസിനെ സാസ് സ്വാധീനിക്കുകയും സാസിന്റെ പുതിയ "എസ്സിഎസ്എസ്" വാക്യഘടനയെ സ്വാധീനിക്കുകയും ചെയ്തു, ഇത് സിഎസ്എസ് പോലുള്ള ബ്ലോക്ക് ഫോർമാറ്റിംഗ് വാക്യഘടനയ്ക്ക് അനുയോജ്യമാക്കി.[2]ലെസ്സ് ഓപ്പൺ സോഴ്സ് ആണ്. അതിന്റെ ആദ്യ പതിപ്പ് റൂബിയിൽ എഴുതി; എന്നിരുന്നാലും, പിന്നീടുള്ള പതിപ്പുകളിൽ,റൂബിയുടെ ഉപയോഗം ഒഴിവാക്കി പകരം ജാവാസ്ക്രിപ്റ്റ് ഉപയോഗിച്ചു. ലെസിന്റെ ഇൻഡന്റ് ചെയ്ത വാക്യഘടന ഒരു നെസ്റ്റഡ് മെറ്റലാംഗ്വേജാണ്, കാരണം സാധുവായ സിഎസ്എസ് സാധുവായ അതേ സെമാന്റിക്സുള്ള കുറഞ്ഞ കോഡാണ്. ലെസ്സ് ഇനിപ്പറയുന്ന സംവിധാനങ്ങൾ നൽകുന്നു: വേരിയബിളുകൾ, നെസ്റ്റിംഗ്, മിക്സിനുകൾ, ഓപ്പറേറ്റർമാർ, ഫംഗ്ഷനുകൾ; ലെസ്സും മറ്റ് സിഎസ്എസ് പ്രീ കംപൈലറുകളും തമ്മിലുള്ള പ്രധാന വ്യത്യാസം ബ്രൗസർ ലെസ്സ്.ജെഎസ് വഴി തത്സമയ കംപൈലിംഗ് അനുവദിക്കുന്നു എന്നതാണ്.[1][3]
പുറത്തുവന്ന വർഷം: | 2009 |
---|---|
രൂപകൽപ്പന ചെയ്തത്: | Alexis Sellier |
വികസിപ്പിച്ചത്: | Alexis Sellier, Dmitry Fadeyev |
ഡാറ്റാടൈപ്പ് ചിട്ട: | Dynamic |
സ്വാധീനിക്കപ്പെട്ടത്: | CSS, Sass |
സ്വാധീനിച്ചത്: | Sass, Less Framework, Bootstrap (v3) |
ഓപറേറ്റിങ്ങ് സിസ്റ്റം: | Cross-platform |
അനുവാദപത്രം: | Apache License 2.0 |
വെബ് വിലാസം: | lesscss |
സവിശേഷതകൾ
തിരുത്തുകവേരിയബിളുകൾ
തിരുത്തുകലെസ്സ് വേരിയബിളുകളെ നിർവചിക്കാൻ അനുവദിക്കുന്നു. ലെസ്സ് വേരിയബിളുകൾ ഒരു അറ്റ് ചിഹ്നം (@) ഉപയോഗിച്ച് നിർവചിച്ചിരിക്കുന്നു. വേരിയബിൾ അസൈൻമെന്റ് ഒരു കോളൻ (:) ഉപയോഗിച്ചാണ് ചെയ്യുന്നത്.
വിവർത്തന വേളയിൽ, വേരിയബിളുകളുടെ മൂല്യങ്ങൾ ഔട്ട്പുട്ട് സിഎസ്എസ്(CSS) പ്രമാണത്തിലേക്ക് തിരുകുന്നു.[1]
@pale-green-color: #4D926F;
#header {
color: @pale-green-color;
}
h2 {
color: @pale-green-color;
}
ലെസ്സിലെ മുകളിലുള്ള കോഡ് ഇനിപ്പറയുന്ന സിഎസ്എസ് കോഡിലേക്ക് കംപൈൽ ചെയ്യും.
#header {
color: #4D926F;
}
h2 {
color: #4D926F;
}
അവലംബം
തിരുത്തുക- ↑ 1.0 1.1 1.2 Official Less website Official Less website
- ↑ Sass and Less Archived 2009-06-21 at the Wayback Machine. Sass and Less
- ↑ "css - Is there a SASS.js? Something like LESS.js?". Stack Overflow.