css - 相当于 Less : @import (inline) "my.css" 的 Scss

标签 css sass styles less

所以我有文件 styles_manager.scss,其中有很多 sytles 引用,我想在这个文件中添加类似这样的东西:

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

我将通过 scss 解析它并得到 output.css 。所以我想在输出 .css 中包含 animate.min.css 主体。

在 less 这个 sis 琐碎的 - “(内联)”声明。如何将css文件体导入SCSS?

最佳答案

答案是:删除@input 语句中的'.css' 扩展名(这适用于>= 3.2 的sass 版本)。所以上面的例子应该是这样的:

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

您可以找到该主题的更多理论和历史背景 here (@Lowkase 在问题下方的评论中提到了什么)

关于css - 相当于 Less : @import (inline) "my.css" 的 Scss,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38084300/

相关文章:

html - 媒体查询适用于浏览器调整大小,而不适用于移动设备

css - 远程使用 compass

android - 如何复制默认的单选按钮样式

html - 带有工具提示信息的 Bootstrap 轮播

android - 如何在我的网页上正确设置发布商标签?

html - 背景图像未调整为指定的宽度和高度

用于在 Firefox 中缩放背景 svg 的 css sprite

css - 高度为 1 像素的列

css - 从下一个数组条目获取@each vars 中的 SCSS Mixin

c - for 无增量 vs while