]
+ cssUrlRewrite:
+ build:
+ src: '<%= pkg.assets %>css/sonar.css'
+ dest: '<%= pkg.assets %>css/sonar.css'
+ options:
+ skipExternal: true
+ rewriteUrl: (url, options, dataURI) ->
+ path = url.replace options.baseDir, ''
+ hash = require('crypto').createHash('md5').update(dataURI).digest('hex')
+ "#{path}?#{hash}"
+
+
coffee:
build:
files: [
# Load grunt-contrib-* plugins
grunt.loadNpmTasks 'grunt-contrib-less'
+ grunt.loadNpmTasks 'grunt-css-url-rewrite'
grunt.loadNpmTasks 'grunt-contrib-coffee'
grunt.loadNpmTasks 'grunt-contrib-uglify'
grunt.loadNpmTasks 'grunt-contrib-requirejs'
grunt.registerTask 'default', ['clean:css', 'clean:js',
- 'less:build',
+ 'less:build', 'cssUrlRewrite:build'
'coffee:build', 'handlebars:build', 'copy:js',
'concat:build',
'requirejs', 'clean:js', 'copy:build', 'copy:requirejs', 'clean:build']
}
.select2-container .select2-choice div b {
- background: url('select2.png') no-repeat 0 1px;
+ background: url('../images/select2.png') no-repeat 0 1px;
display: block;
width: 100%;
height: 100%;
}
.select2-search input {
- background: #fff url('select2.png') no-repeat 100% -22px;
+ background: #fff url('../images/select2.png') no-repeat 100% -22px;
background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
}
.select2-search input.select2-active {
- background: #fff url('spinner.gif') no-repeat 100%;
- background: url('spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
- background: url('spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
- background: url('spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
- background: url('spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
- background: url('spinner.gif') no-repeat 100%, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
- background: url('spinner.gif') no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
+ background: #fff url('../images/spinner.gif') no-repeat 100%;
+ background: url('../images/spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
+ background: url('../images/spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
+ background: url('../images/spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
+ background: url('../images/spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
+ background: url('../images/spinner.gif') no-repeat 100%, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
+ background: url('../images/spinner.gif') no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}
.select2-container-active .select2-choice,
}
.select2-more-results.select2-active {
- background: #f4f4f4 url('spinner.gif') no-repeat 100%;
+ background: #f4f4f4 url('../images/spinner.gif') no-repeat 100%;
}
.select2-more-results {
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
- background: #fff url('spinner.gif') no-repeat 100% !important;
+ background: #fff url('../images/spinner.gif') no-repeat 100% !important;
}
.select2-default {
width: 12px;
height: 13px;
font-size: 1px;
- background: url('select2.png') right top no-repeat;
+ background: url('../images/select2.png') right top no-repeat;
outline: none;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b {
- background-image: url(select2x2.png) !important;
+ background-image: url(../images/select2x2.png) !important;
background-repeat: no-repeat !important;
background-size: 60px 40px !important;
}