mrcoles/imports.less

## imports.less

@foo: cyan;

## less-test.html
<head>
  <title>less-test</title>
</head>

<body>
  {{> hello}}
</body>

<template name="hello">
  <h1>Hello World!</h1>
  {{greeting}}
  <input type="button" value="Click" />
</template>

## less-test.js
if (Meteor.isClient) {
  Template.hello.greeting = function () {
    return "Welcome to less-test.";
  };

  Template.hello.events({
    'click input' : function () {
      // template data, if any, is available in 'this'
      if (typeof console !== 'undefined')
        console.log("You pressed the button");
    }
  });
}

if (Meteor.isServer) {
  Meteor.startup(function () {
    // code to run on server at startup
  });
}

## less-test.less

@import "imports";

.test(@arguments) {}
.p { .test(1px, 2px); }

html { background: @foo; }
	<head>
	<title>less-test</title>
	</head>

	<body>
	{{> hello}}
	</body>

	<template name="hello">
	<h1>Hello World!</h1>
	{{greeting}}
	<input type="button" value="Click" />
	</template>
	if (Meteor.isClient) {
	Template.hello.greeting = function () {
	return "Welcome to less-test.";
	};

	Template.hello.events({
	'click input' : function () {
	// template data, if any, is available in 'this'
	if (typeof console !== 'undefined')
	console.log("You pressed the button");
	}
	});
	}

	if (Meteor.isServer) {
	Meteor.startup(function () {
	// code to run on server at startup
	});
	}

	@import "imports";

	.test(@arguments) {}
	.p { .test(1px, 2px); }

	html { background: @foo; }