less.render example

Why won't less.render work

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.7.1/less.min.js"></script>

<p class="my-para">Less Render Example</p>

CSS

p{
  color: red;
}

JavaScript

//Note that I do not expect the css to actually change, this is just a test of if the less.render function can work in the browser

less.render("p{color: #ff66ff}")
	.then(function(output) {
		console.log(output.css)
	},
  function(error){});