robinpokorny

<?xml version="1.05" encoding="UTF-8"?>
<!-- With version 1.05 this should be processed as XML 1.0 -->
<exotic>
<!--
	"‍" Zero Width Joiner &#x200d;
	"‌" Zero Width Non-Joiner &#x200c;

	Note that a valid tag may not start with a number or be empty. Both of the following tags are still valid - there is a non-printable character on the first position.

-->

robinpokorny

#1 Prepare your toolshed
npm install -g less
mkdir less/
#2+3 Rename and compile
for f in css/*.css; do b=$(basename $f .css); mv css/$b.css less/$b.less; lessc less/$b.less css/$b.css; done
#4 Enjoy and gain credibility
git add && git commit -m "Switch CSS to LESS in whole project #time 3m"

robinpokorny

# Create a folder
# Yeoman will use its name as your project's name
mkdir myapp && cd myapp
# Install the generator
npm install generator-lessapp
# Run Yeoman and follow the instructions
yo lessapp
# Install dependencies
npm install && bower install
# Develop the next big thing

robinpokorny

grunt.loadNpmTasks('grunt-legacssy');

grunt.initConfig({
  legacssy: {
    files: {
      'css/style-legacy.css': 'css/style.css',
    },
  },
})

robinpokorny

foo,
bar {
  background-color: #e0e0e0;
}
foo {
  color: blue;
}
bar {
  color: green;
}

robinpokorny

w v u t s r
q p o n m l
k j i h g f
d c b a {
    color: black
}

.foo .bar a {
    color: white;
}

robinpokorny

<div class="#">
  <div class="[ 1/2 3/4@md 5/12@lg 2_@lg ]">
    …
  </div>
  <div class="[ 1/2 1/4@md 5/12@lg ]">
    …
  </div>
</div>

robinpokorny

{
  "directory": "lib/components"
}

robinpokorny

var pokemons = [
    {
      "name": "rattata",
      "resource_uri": "api/v1/pokemon/19/"
    },
    {
      "name": "charmander",
      "resource_uri": "api/v1/pokemon/4/"
    },
    {

robinpokorny

See also 📢 Dead simple tweetable JavaScript Emitter pattern module using Map (ES2015) which uses this package.

Browser compatibility (all)

Chrome*	Edge	FF	IE	Opera	Safari	iOS
38	12	13	-*	25	7.1	8

Notes: