STYLUS to LESS

STYLUS to LESS Converter Online helps to convert plain STYLUS to LESS and helps to save and share Converted LESS.

What can you do with STYLUS to LESS Converter?

• This tool helps you to convert your STYLUS (Stylesheet Language) to LESS (Leaner Style Sheets) with Ease.
• This tool allows loading the STYLUS URL converting to LESS. Click on the URL button, Enter URL and Submit.
• This tool supports loading the STYLUS File to transform to LESS. Click on the Upload button and select File.
• STYLUS to LESS Online works well on Windows, MAC, Linux, Chrome, Firefox, Edge, and Safari.

Know more about CSS:

• CSS Selectors Cheat sheet

Example of STYLUS to LESS

border-radius()
  -webkit-border-radius: arguments
  -moz-border-radius: arguments
  border-radius: arguments

button {
  border-radius: 10px 15px;
}

border-radius() {
  -webkit-border-radius {
    &:arguments {
      -moz-border-radius {
        &:arguments {
          border-radius {
            &:arguments {
              button {
                border-radius: 5px 10px;
              }
            }
          }
        }
      }
    }
  }
}

For Advanced Users

STYLUS External URL

Load STYLUS External URL in Browser URL like this https://codebeautify.org/stylus-to-less-converter?url=external-url

https://codebeautify.org/stylus-to-less-converter?url=https://gist.githubusercontent.com/cbmgit/07e094e41565695d989cc5d7ebf7d660/raw/stylustoconverter.styl