add grunt task that copies the final css to scss file

[ronnyrin]

I know that you don't want to maintain two codebases. With this solution, you won't have to.
We need a way to import the final css in our scss file and currently importing css is not supported.

[codecov-io]

Current coverage is 100% (diff: 100%)

Merging #449 into master will not change coverage

@@           master   #449   diff @@
====================================
  Files           1      1          
  Lines         906    906          
  Methods         0      0          
  Messages        0      0          
  Branches        0      0          
====================================
  Hits          906    906          
  Misses          0      0          
  Partials        0      0          

Powered by Codecov. Last update 38e0010...378d2ee

[ValentinH]

Thanks for contributing this.

[ronnyrin]

Thanks, Can you bump the version?

[ValentinH]

Done -> 5.8.3

[ValentinH]

Hi @ronnyrin, it seems that this PR breaks other people builds: #477 . What do you think of the solution propose there to import raw CSS?

[ronnyrin]

Maybe we can just rename the scss file so there will be no conflict. Importing raw CSS didn't work for me.

[ValentinH]

Are you using a recent version of SASS like explain in the linked issue?

[ronnyrin]

Yes. It doesn't work.. I'm using grunt-contrib-compass

 error app/styles/main.scss (Line 18 of app/styles/components/...: File to import not found or unreadable: angularjs-slider/dist/rzslider.
Load paths:
  /Users/..../app/bower_components

✗ ./node_modules/node-sass/bin/node-sass -v
node-sass       3.10.1  (Wrapper)       [JavaScript]
libsass         3.3.6   (Sass Compiler) [C/C++]```

[ValentinH]

It seems that you are missing the .css part of your file pat, don't you?

[ronnyrin]

No, if you add the .css suffix then it just transform it to @import url(file.css); and that won't work at all because the browser won't look in the bower folder.