-
Notifications
You must be signed in to change notification settings - Fork 14
/
Copy pathindex.html
421 lines (317 loc) · 18.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Less extends CSS with dynamic behavior such as variables, mixins, operations and functions. Less runs on both the server-side (with Node.js and Rhino) or client-side (modern browsers only).
">
<meta name="author" content="The Core Less Team">
<title>
About | Less.js
</title>
<link href="https://fonts.googleapis.com/css?family=Noto+Serif|Oxygen" rel="stylesheet">
<!-- Algolia DocSearch styles -->
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/@docsearch/css@3">
<!-- Main styles -->
<link href="../public/css/index.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Favicons -->
<link rel="shortcut icon" href="../public/ico/favicon.ico">
</head>
<body class="about">
<div class="container docs-container">
<div class="row">
<div class="col-md-3">
<div class="sidebar hidden-print" role="complementary">
<div id="navigation">
<ul class="nav sidenav"><li><a href="#history">History</a></li>
<li><a href="#team">Core team</a></li>
<li><a href="#community">Community</a></li>
<li><a href="#learn-more">Learn More</a><ul class="nav"><li><a href="#learn-more-books">Books</a></li>
<li><a href="#learn-more-videos">Videos</a></li></ul></li>
<li><a href="#translations">Translations</a></li>
<li><a href="#license-faqs">License FAQs</a></li></ul></div>
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CE7IK5QL&placement=lesscssorg" id="_carbonads_js"></script>
</div>
</div>
<div class="col-md-9" role="main">
<header class="navbar navbar-inverse navbar-fixed-top docs-nav" role="banner">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
<ul class="nav navbar-nav">
<li>
<a href="../#">Overview</a>
</li>
<li>
<a href="../usage/">Using Less.js</a>
</li>
<li>
<a href="../functions/">Functions</a>
</li>
<li>
<a href="../features/">In-Depth Guide</a>
</li>
<li>
<a href="../tools/">Tools</a>
</li>
<li class="active">
<span>About</span>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<div id="docsearch-wrapper">
<div id="docsearch"></div>
</div>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">GitHub <b class="caret"></b></a>
<ul class="dropdown-menu">
<li> <a href="https://github.com/less/less-docs">Docs Repo</a> </li>
<li> <a href="https://github.com/less/less-docs/issues?&state=open">Docs Issues</a> </li>
<li class="divider"></li>
<li> <a href="https://github.com/less/less.js.git">Less Repo</a> </li>
<li> <a href="https://github.com/less/less.js/issues">Less Issues</a> </li>
</ul>
</li>
</ul>
</nav>
</div>
</header>
<div class="panel docs-content">
<div class="docs-section">
<div class="">
<h1 id="history" class="docs-heading"><span class="anchor-target" id="history"></span>
<a href="#history" name="history" class="anchor glyphicon glyphicon-link"></a>History</h1>
</div>
<p>Less was created in 2009 by <a href="https://github.com/cloudhead">Alexis Sellier</a>, more commonly known as <a href="https://twitter.com/cloudhead">@cloudhead</a>. Originally written in Ruby, it was then ported to JavaScript.</p>
<p>Less was originally inspired by <a href="http://sass-lang.com/">Sass</a>, with a leaner feature set and a syntax closely matching CSS, which Sass did not have at the time. (Sass was later inspired by Less to create SCSS, its own CSS-like syntax.)</p>
<p>In May 2012 Alexis turned over control and development to a core team of contributors who now manage, fix and extend the language.</p>
</div>
<div class="docs-section">
<h1 id="team" class="docs-heading"><span class="anchor-target" id="team"></span>
<a href="#team" name="team" class="anchor glyphicon glyphicon-link"></a>Core team</h1>
<p class="lead">Less is maintained by a group of invaluable core contributors, with the massive support and involvement of our community. No one person is in charge and everyone has their own areas and donates the time they can afford. In alphabetical order:</p>
<div class="list-group less-team">
<div class="list-group-item">
<iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=cloudhead&type=follow"></iframe>
<a class="team-member" href="https://github.com/cloudhead">
<img src="https://www.gravatar.com/avatar/a8a0061962c41735ca87789720da46c8" alt="@cloudhead">
<strong>Alexis Sellier</strong> Original Author, Language Design <small>@cloudhead</small>
</a>
</div>
<div class="list-group-item">
<iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=lukeapage&type=follow"></iframe>
<a class="team-member" href="https://github.com/lukeapage">
<img src="https://www.gravatar.com/avatar/a80ab1a8297225d70baffc52adf6aefd" alt="@lukeapage">
<strong>Luke Page</strong> Releasing, Development, Language Design, Documentation <small>@lukeapage</small>
</a>
</div>
<div class="list-group-item">
<iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=synchro&type=follow"></iframe>
<a class="team-member" href="https://github.com/Synchro">
<img src="https://www.gravatar.com/avatar/b4814d6790e91f01c77cac9d25db12b6" alt="@Synchro">
<strong>Marcus Bointon</strong> Color Functions <small>@Synchro</small>
</a>
</div>
<div class="list-group-item">
<iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=sommeri&type=follow"></iframe>
<a class="team-member" href="https://github.com/sommeri">
<img src="https://www.gravatar.com/avatar/52cf28b41537a1255243f6ba9b5baedc" alt="@sommeri">
<strong>Mária Jurčovičová</strong> Language Design, Java Port <small>@sommeri</small>
</a>
</div>
<div class="list-group-item">
<iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=matthew-dean&type=follow"></iframe>
<a class="team-member" href="https://github.com/matthew-dean">
<img src="https://www.gravatar.com/avatar/09caa4a26a5e57031146b5e06b4d7a8c" alt="@matthew-dean">
<strong>Matthew Dean</strong> Project Management, Releasing, Development, Language Design, Community <small>@matthew-dean</small>
</a>
</div>
<div class="list-group-item">
<iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=seven-phases-max&type=follow"></iframe>
<a class="team-member" href="https://github.com/seven-phases-max">
<img src="https://www.gravatar.com/avatar/f7c830e90f5d6a740ab908365dcd3849" alt="@seven-phases-max">
<strong>Max Mikhailov</strong> Development, Documentation, Language Design <small>@seven-phases-max</small>
</a>
</div>
<div class="list-group-item">
<iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=iChenLei&type=follow"></iframe>
<a class="team-member" href="https://github.com/iChenLei">
<img src="https://avatars.githubusercontent.com/u/14012511?v=4&s=50" alt="@iChenLei">
<strong>Lei Chen</strong> Development, Documentation, Language Design, Community <small>@iChenLei</small>
</a>
</div>
</div>
<p>Get involved with Less development by <a href="https://github.com/less/less.js/issues/new">opening an issue</a> or submitting a pull request (if it's a feature request, please open an issue first). </p>
<p>Read our <a href="https://github.com/less/less.js/blob/master/CONTRIBUTING.md">contributing guidelines</a> and the <a href="../usage/#developing-less">developing section</a> of our usage page.</p>
</div>
<div class="docs-section">
<div class="">
<h1 id="community" class="docs-heading"><span class="anchor-target" id="community"></span>
<a href="#community" name="community" class="anchor glyphicon glyphicon-link"></a>Community</h1>
</div>
<p class="lead">Stay up to date on the development of Less and reach out to the community with these helpful resources.</p>
<ul>
<!--li>Read and subscribe to <a href="">The Official Less Blog</a>.</li -->
<li>Have a feature request or bug report? <a href="https://github.com/less/less.js/issues">Let us know on our GitHub Issues</a>.</li>
</ul>
<p>Have a question about less language or need a help with tricky use case? Here are some links worth visiting:</p>
<ul>
<li><a href="http://webchat.freenode.net/?randomnick=1&channels=%23%23lesscss">##lesscss</a> channel on Freenode.</li>
<li>Less Q&A at <a href="http://stackoverflow.com/questions/tagged/less">Stack Overflow</a>.</li>
</ul>
</div>
<div class="docs-section">
<div class="page-header">
<h1 id="learn-more" class="docs-heading"><span class="anchor-target" id="learn-more"></span>
<a href="#learn-more" name="learn-more" class="anchor glyphicon glyphicon-link"></a>Learn More</h1>
</div>
<h3 id="learn-more-books" class="docs-heading"><span class="anchor-target" id="learn-more-books"></span>
<a href="#learn-more-books" name="learn-more-books" class="anchor glyphicon glyphicon-link"></a>Books</h3>
<ul>
<li><a href="http://www.packtpub.com/less-web-development-essentials/book">Less Web Development Essentials</a>, by Bass Jobsen, Foreword by Alexis Sellier</li>
<li><a href="https://www.packtpub.com/web-development/less-web-development-cookbook">Less Web Development Cookbook</a>, by Bass Jobsen and Amin Meyghani, Foreword by Luke Page</li>
<li><a href="https://mrmlnc.gitbooks.io/less-guidebook-for-beginners/content/">Less. Путеводитель для новичков</a>, by Denis Malinochkin</li>
</ul>
<h3 id="learn-more-videos" class="docs-heading"><span class="anchor-target" id="learn-more-videos"></span>
<a href="#learn-more-videos" name="learn-more-videos" class="anchor glyphicon glyphicon-link"></a>Videos</h3>
<ul>
<li><a href="https://www.packtpub.com/web-development/learning-less-video">Learning Less</a>, by Anthony Killeen</li>
</ul>
</div>
<div class="docs-section">
<div class="">
<h1 id="translations" class="docs-heading"><span class="anchor-target" id="translations"></span>
<a href="#translations" name="translations" class="anchor glyphicon glyphicon-link"></a>Translations</h1>
</div>
<p class="lead">Community members have translated Less documentation into various languages.</p>
<div class="callout callout-warning">
<h4>Community submitted.</h4>
<p>None of the translations are officially supported and <strong>may not always be up to date</strong>.</p>
</div>
<ul class="list-bullets">
<li> <strong>Belarusian: </strong> <a href="http://www.designcontest.com/show/lesscss-be"> http://www.designcontest.com/show/lesscss-be </a> </li>
<li> <strong>中文 (Chinese): </strong> <a href="http://lesscss.cn"> http://lesscss.cn </a> </li>
<li> <strong>Danish: </strong> <a href="http://lesscss.dk"> http://lesscss.dk </a> </li>
<li> <strong>German: </strong> <a href="http://www.lesscss.de"> http://www.lesscss.de </a> </li>
<li> <strong>Indonesian: </strong> <a href="http://bertzzie.com/post/7/dokumentasi-less-bahasa-indonesia"> http://bertzzie.com/post/7/dokumentasi-less-bahasa-indonesia </a> </li>
<li> <strong>Iranian: </strong> <a href="http://lesscss-iran.ir"> http://lesscss-iran.ir </a> </li>
<li> <strong>Japanese: </strong> <a href="http://less-ja.studiomohawk.com/"> http://less-ja.studiomohawk.com/ </a> </li>
<li> <strong>Polish: </strong> <a href="http://ciembor.github.com/lesscss.org/"> http://ciembor.github.com/lesscss.org/ </a> </li>
<li> <strong>Portuguese: </strong> <a href="http://giovanneafonso.github.io/lesscss.org/"> http://giovanneafonso.github.io/lesscss.org/ </a> </li>
<li> <strong>Russian: </strong> <a href="http://less-lang.info"> http://less-lang.info </a> </li>
<li> <strong>Spanish: </strong> <a href="http://amatellanes.github.io/lesscss.org/"> http://amatellanes.github.io/lesscss.org/ </a> </li>
<li> <strong>Ukrainian: </strong> <a href="http://komaval.github.com/lesscss.org/"> http://komaval.github.com/lesscss.org/ </a> </li>
<li> <strong>Vietnamese: </strong> <a href="http://less.eten.vn/"> http://less.eten.vn/ </a> </li>
</ul>
<p>Have another language to add, or perhaps a different or better translation? Let us know by <a href="https://github.com/less/less.js/issues/new">opening an issue</a>.</p>
</div>
<div class="docs-section">
<div class="">
<h1 id="license-faqs" class="docs-heading"><span class="anchor-target" id="license-faqs"></span>
<a href="#license-faqs" name="license-faqs" class="anchor glyphicon glyphicon-link"></a>License FAQs</h1>
</div>
<p class="lead">Less.js is released under the Apache 2 License (<a href="https://github.com/less/less.js/issues/1029">though there are plans to dual license it</a>). Copyright 2009-2023, Alexis Sellier and the Less Core Team (see about). Boiled down to smaller chunks, it can be described with the following conditions.</p>
<div class="row">
<div class="col-12 col-lg-6">
<h4>It allows you to:</h4>
<ul>
<li>Freely download and use Less.js, in whole or in part, for personal, company internal or commercial purposes</li>
<li>Use Less.js in packages or distributions that you create</li>
</ul>
</div>
<div class="col-12 col-lg-6">
<h4>It forbids you to:</h4>
<ul>
<li>Redistribute any piece of Less.js without proper attribution</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-12 col-lg-6">
<h4>It requires you to:</h4>
<ul>
<li>Include a copy of the license in any redistribution you may make that includes Less.js</li>
<li>Provide clear attribution to The Less Core Team for any distributions that include Less.js</li>
</ul>
</div>
<div class="col-12 col-lg-6">
<h4>It does not require you to:</h4>
<ul>
<li>Include the source of Less.js itself, or of any modifications you may have made to it, in any redistribution you may assemble that includes it</li>
<li>Submit changes that you make to Less.js back to the Less.js project (though such feedback is encouraged)</li>
</ul>
</div>
</div>
<p>The full Less.js license is located <a href="https://github.com/less/less.js/blob/master/LICENSE">in the project repository</a> for more information.</p>
</div>
</div>
</div>
</div>
</div>
<footer class="footer" role="contentinfo">
<div class="container">
<div class="bs-social">
<ul class="bs-social-buttons">
<li>
<iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=less&repo=less.js&type=watch&count=true" width="100" height="20" title="Star on GitHub"></iframe>
</li>
<li>
<iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=less&repo=less.js&type=fork&count=true" width="102" height="20" title="Fork on GitHub"></iframe>
</li>
</ul>
</div>
<p>Less and these docs are maintained by <a href="./#team">the core Less team</a>.</p>
<p>Documentation source code released under the <a href="https://github.com/less/less-docs/blob/master/LICENSE-MIT" target="_blank">MIT License</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
<ul class="footer-links">
<li>Currently v4.1.3</li>
<li class="muted">·</li>
<li><a href="https://github.com/less/less.js/issues">Less Language and Compiler Issues</a></li>
<li class="muted">·</li>
<li><a href="https://github.com/less/less-docs/issues?&state=open">Less Docs Issues</a></li>
<li class="muted">·</li>
<li><a href="https://github.com/less/less.js/blob/master/CHANGELOG.md">Changelog</a></li>
</ul>
</div>
</footer>
<!-- Core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://fastly.jsdelivr.net/npm/@docsearch/js@3"></script>
<script type="text/javascript">
docsearch({
appId: 'LELS6COOLE',
apiKey: 'ad081396555d043318b6a9af4f27a9ec',
indexName: 'lesscss',
container: '#docsearch',
debug: false // Set debug to true if you want to inspect the modal
});
</script>
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/holder/2.2.0/holder.min.js"></script>
<script src="../public/js/application.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics 4 (GA4) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-0LBC5XBD1L"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-0LBC5XBD1L');
</script>
</body>
</html>