Import CSS files with SASS

1

I'm starting in SASS and I'm trying to make a CSS file that will be a combination of several plugins that are in .css format (bootstrap, fontawesome, etc.) and for this I'm using SASS, but it's not working in this case , it's returning me the same thing, with the imports and everything else only in the css syntax instead of returning me a minified version of all the plugins .. do you know me say pq?

Here's the file that will generate the .css (use .sass format):

/*===PLUGINS */
@import '../assets/global/plugins/font-awesome/css/font-awesome.min.css'
@import '../assets/global/plugins/simple-line-icons/simple-line-icons.min.css'
@import '../assets/global/plugins/bootstrap/css/bootstrap.min.css'

/*===FONTES */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700) 

And here's the command line you're compiling:

sass --watch --no-cache --sourcemap=none sass\globalMandatories.sass:assets\global\css\globalMandatories.min.css --style compressed
    
asked by anonymous 26.10.2016 / 18:56

1 answer

2

Because .css files do not have the syntax of a .sass / .scss file, the best way to do what you want is to use a task runner as GULP ) or GRUNT

GULP SASS CONCAT / MINIFY

    
26.10.2016 / 22:53