Skip to content
Permalink
Browse files

Use less interpolation to have dual sprite support

  • Loading branch information...
lmarkus committed May 30, 2015
1 parent fef7082 commit e5f2ff0dc9699c203ae3b5fd3d704ecc2cbe5467
Showing with 30 additions and 11 deletions.
  1. +26 −10 public/css/app.less
  2. +4 −1 tasks/less.js
@@ -35,29 +35,45 @@ html, body {
float: right;
}

@pacman: -456px 0;
@blinky: -456px -64px;
@pinky: -456px -80px;
@inky: -456px -96px;
@clyde: -456px -112px;
@dir: LTR;

@pacmanLTR: -456px 0;
@pacmanRTL: -456px -16px;
@pacman : "pacman@{dir}";

@blinkyLTR: -456px -64px;
@blinkyRTL: -488px -64px;
@blinky : "blinky@{dir}";

@pinkyLTR : -456px -80px;
@pinkyRTL : -488px -80px;
@pinky : "pinky@{dir}";

@inkyLTR : -456px -96px;
@inkyRTL : -488px -96px;
@inky : "inky@{dir}";

@clydeLTR : -456px -112px;
@clydeRTL : -488px -112px;
@clyde : "clyde@{dir}";

.pacman {
background-position: @pacman;
background-position: @@pacman;
margin-left: 20px;
}

.blinky {
background-position: @blinky;
background-position: @@blinky;
}

.pinky {
background-position: @pinky;
background-position: @@pinky;
}

.inky {
background-position: @inky;
background-position: @@inky;
}

.clyde {
background-position: @clyde;
background-position: @@clyde;
}
@@ -21,7 +21,10 @@ module.exports = function less(grunt) {
cleancss: false,
plugins: [
new (require('less-plugin-rtl'))({dir:'RTL'})
]
],
modifyVars: {
dir: 'RTL'
}
},
files: {
'.build/css/app.rtl.css': 'public/css/app.less'

0 comments on commit e5f2ff0

Please sign in to comment.
You can’t perform that action at this time.