Online LESS To CSS Converter

LESS To CSS Converter helps you to convert LESS to CSS online.

LESS to CSS converter simplest

This free online tool lets you convert a LESS file into a CSS file.Just paste your LESS in the form below and it will instantly get converted to CSS No need to download or install any software. Free

Tool what is a LESS to CSS converter?

This LESS to CSS converter transforms LESS data and files into CSS data and files. This converter allows customizing input LESS and output CSS It also accepts LESS files with custom column delimiter characters and field quote characters. It supports comment lines and you can optionally ignore empty lines. You can also change how many spaces to use in the output CSS indentation.

How to Convert LESS to CSS?

Step 1: Select your input. Enter Data.
Step 2: Choose output options (optional) Output Options.
Step 3: Generate output.

LESS to CSS converter examples

LESS

@base: 24px;
@border-color: #B2B;

.underline { border-bottom: 1px solid green }

#header {
  color: black;
  border: 1px solid @border-color + #222222;

  .navigation {
    font-size: @base / 2;
    a {
    .underline;
    }
  }
  .logo {
    width: 300px;
    :hover { text-decoration: none }
  }
}

CSS

.underline {
    border-bottom: 1px solid green;
}
#header {
    color: black;
    border: 1px solid #dd44dd;
}
#header .navigation {
    font-size: 12px;
}
#header .navigation a {
    border-bottom: 1px solid green;
}
#header .logo {
    width: 300px;
}
#header .logo :hover {
    text-decoration: none;
}