﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8"><meta name="description" content="WinLess - Windows GUI for less.js"><meta name="keywords" content="less,css,lesscss,windows"><meta name="author" content="Mark Lagendijk">
	<link href="style\css\main.css" media="all" rel="stylesheet" type="text/css"><script type="text/javascript" src="scripts\libs\jquery-1.6.2.min.js"></script><script type="text/javascript" src="scripts\libs\jquery.splitter.js"></script><script type="text/javascript" src="scripts\libs\less.js"></script><script type="text/javascript" src="scripts\libs\codemirror\codemirror.js"></script><script type="text/javascript" src="scripts\libs\codemirror\css.js"></script><script type="text/javascript" src="scripts\libs\codemirror\less.js"></script><script type="text/javascript" src="scripts\online_less_compiler.js"></script><script type="text/javascript" src="scripts\google_analytics.js"></script>
	<link href="style\libs\codemirror.css" rel="stylesheet" type="text/css">
	<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
	<title>WinLess - Windows GUI for less.js</title>
</head>
<body class="online-less-compiler">
<div id="container980">
<div id="header">
<h1>WinLess</h1>

<h2>Windows GUI for less.js</h2>
</div>

<div id="menu">
<ul>
	<li><a href="https://winless.org/">WinLess - Online Less Compiler</a></li>
</ul>
</div>

<div class="clearfix" id="main">
<div id="content">
<h2>Online LESS Compiler</h2>

<p>This Online LESS Compiler can help you to learn LESS. You can go through the examples below or try your own<br>
The examples are based on the official LESS documentation</p>

<div id="lessExamples"><a class="variables" href="#" onclick="OnlineLessCompiler.loadExample('variables'); return false;">Variables</a> | <a class="mixins" href="#" onclick="OnlineLessCompiler.loadExample('mixins'); return false;">Mixins</a> | <a class="parametric_mixins" href="#" onclick="OnlineLessCompiler.loadExample('parametric_mixins'); return false;">Parametric mixins</a><br>
<a class="nested_rules" href="#" onclick="OnlineLessCompiler.loadExample('nested_rules'); return false;">Nested rules</a> | <a class="operations" href="#" onclick="OnlineLessCompiler.loadExample('operations'); return false;">Operations</a> | <a class="color_functions" href="#" onclick="OnlineLessCompiler.loadExample('color_functions'); return false;">Color functions</a><br>
<a class="namespaces" href="#" onclick="OnlineLessCompiler.loadExample('namespaces'); return false;">Namespaces</a> | <a class="scope" href="#" onclick="OnlineLessCompiler.loadExample('scope'); return false;">Scope</a> | <a class="comments" href="#" onclick="OnlineLessCompiler.loadExample('comments'); return false;">Comments</a> | <a class="importing" href="#" onclick="OnlineLessCompiler.loadExample('importing'); return false;">Importing</a><br>
<a class="string_interpolation" href="#" onclick="OnlineLessCompiler.loadExample('string_interpolation'); return false;">String interpolation</a> | <a class="escaping" href="#" onclick="OnlineLessCompiler.loadExample('escaping'); return false;">Escaping</a></div>

<div id="lessEditor">
<div id="lessInput"><textarea></textarea></div>

<div id="cssOutput"><textarea disabled="disabled"></textarea>

<div id="lessError">&nbsp;</div>
</div>
</div>
</div>
</div>

<div id="footer">
<div class="clearfix" id="footersections">
<div class="half">
<h2>Credits</h2>

<p>Author: Mark Lagendijk<br>
Graphical designer: Elmar Kouwenhoven<br>
Used components:</p>

<ul>
	<li>LESS.js, the original LESS compiler, by Alexis Sellier</li>
	<li>Node.js</li>
</ul>

<div class="lasthalf donate">&nbsp;</div>
</div>
</div>

<div id="credits">
<p class="left">Created by Mark Lagendijk</p>

<p class="right">Hosting sponsored by RSites</p>
</div>
</div>
</body>
</html>