princed / grunt-csswring Goto Github PK

Not sure if I am doing something wrong, but I have tried various combinations and cannot get a csswring to create a source map for one of my csswring tasks.

GruntFile:

csswring: {
options: {
removeAllComments: true,
map: true
},

        cssApp: {               
            src: '<%= meta.cssPath%>/site.css',
            dest: '<%= meta.resPath %>/_app.css'
        },

        cssglobal: {               
            src: [
                '<%= meta.cssPath%>/bootstrap.css',
                '<%= meta.cssPath%>/ng-grid.css'
            ],
            dest: '<%= meta.resPath %>/_cssglobal.css'
        }            
    },

Output:
C:!samtec\Training\WebTech\WebTechTest2Solution\WebTechLab2.Web_build>grunt
Running "csswring:cssApp" (csswring) task
File ../_resources/_app.css created: 31 B → 18 B

Running "csswring:cssglobal" (csswring) task
File ../_resources/_cssglobal.css created: 141.83 kB → 117.03 kB
File ../_resources/_cssglobal.css.map created (source map).

I can never get a source map created for _app.css. Any suggestions?

First and foremost: Thank you for that nice plugin!

Question: It seems not to be possible to have grunt-csswring create one minified destination file out of multiple sources. I tried setting an array as src, as well as switching to files. Both without success. Anything I miss?

when using a rule like this:
$lightGrey: rgb(102, 102, 102);
border: 1px solid $lightgrey;

the minified result is:
border: 1px solid#666;

There's a missing whitespace between the word "solid" and the hex value, making IE skip the rule. This only happens when the rgb value can be stripped to a shorthand hex. If we use rgb(102, 102, 103) instead, everything is working as expected.