CODEWITHSUNDEEP
csssassstylesless
Kamil Kiełczewski
Kamil Kiełczewski

Reputation: 92677

Scss equivalent of Less: @import (inline) "my.css"

So I have file styles_manager.scss where I have a lot of sytles references and I want doo something like this inside this file:

@import (inline) "node_module/animate.css/animate.min.css"; 
@import "../common/bootstrap/config";
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";
@import "../common/variables";
....

I will parse it by scss and get output.css . So I want to have animate.min.css body inside output .css.

In less this sis trivial - "(inline)" statement. How to import css file body into SCSS?

Upvotes: 9

Views: 5539

Answers (1)

Kamil Kiełczewski
Kamil Kiełczewski

Reputation: 92677

The answer is: remove '.css' extension in @input statement (this works for sass version >= 3.2). So example above should look like this:

@import "node_module/animate.css/animate.min"; 
@import "../common/bootstrap/config";
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";
@import "../common/variables";
....

More theoretical and historical background of that topic you can find here (what was mention by @Lowkase in comments below question)

Upvotes: 16

Related Questions