标签: sass

我正在寻找Java中的SASS实现(可以与JSP/JSF一起使用).对于Python,我发现了CleverCSS,但Java没有.有人听说过这种生成CSS的工具吗？

所以,我需要一种风格

.question_actions.active

我现有的CSS

.question_actions {
    float: right;
    font-size: 1em;
    width: 110px; 
}
.question_action {
    margin-bottom: 8px; 
    padding: 3px;
}
.question_actions.active {
    /* some CSS */
}

结合它们的语法是什么？

我有一个item类和一个紧凑的"修饰符"类:

.item { ... }
.item.compact { /* styles to make .item smaller */ }

这可以.但是,我想添加一个@media查询,.item当屏幕足够小时强制类紧凑.

首先想到的是,这就是我试图做的事情:

.item { ... }
.item.compact { ... }
@media (max-width: 600px) {
  .item { @extend .item.compact; }
}

但是这会产生以下错误:

你可能不会在@media中扩展外部选择器.您只能在同一指令中@extend选择器.

如何使用SASS完成此操作而无需使用复制/粘贴样式？

如何在Visual Studio 2013中使用Sass CSS预处理器？是否有任何扩展为Sass提供支持？

我的node_modules文件夹中有font-awesome,所以我尝试在我的主.scss文件中导入它,如下所示:

@import "../../node_modules/font-awesome/scss/font-awesome.scss";

但是,告诉我,Webpack捆绑编译失败了

Error: Cannot resolve 'file' or 'directory' ../fonts/fontawesome-webfont.eot 

因为font-awesome.scss文件引用了一个相对路径'../fonts/'.

如何告诉scss\webpack @import另一个文件,并将该文件的文件夹用作主文件夹,以便其相对路径按预期工作？

twitter引导代码最后有很多CSS属性!default.

例如

p {
  color: white !default;
}

怎么!default办？

UPDATE

我不清楚是坏事.我正在使用Bootstrap的SASS部分.

当我编译时gulp,我收到如下错误.我该如何解决？

module.js:339
throw err;
^
Error: Cannot find module 'gulp-sass'
    at Function.Module._resolveFilename (module.js:337:15)
    at Function.Module._load (module.js:287:25)
    at Module.require (module.js:366:17)
    at require (module.js:385:17)
    at Object.<anonymous> (/Applications/XAMPP/xamppfiles/htdocs/flyscoot.com/gulpfile.js:2:12)
    at Module._compile (module.js:435:26)
    at Object.Module._extensions..js (module.js:442:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:311:12)
    at Module.require (module.js:366:17)

我想在整个应用程序中使用我公司的品牌颜色.

我发现了这个问题:AngularJS 2 - 材质设计 - 设置调色板,我可以构建一个所谓的自定义主题,但它基本上只是使用预制调色板的不同部分.我不想使用Material2的预定义颜色.我想要我独特的特殊品牌颜色.是否有更好的方式(更好？)来创建我自己的主题,而不仅仅是黑客攻击_palette.scss？

我是否需要为我的品牌调色板制作mixin？如果是的话 - 任何有关如何正确操作的指南？不同色调的含义是什么(标有数字如:50,100,200,A100,A200 ......)？

有关这方面的任何信息将不胜感激!

如何跟踪包含许多sass文件的整个目录中的更改？我正在使用以下命令来观察sass中的更改

文件:

sass --watch style.scss:style.css

但是如何在包含许多sass文件的整个目录/文件夹中观察更改.

我刚刚使用新的Angular CLI 6.0创建了一个新的Angular项目,但我需要将Sass编译添加到我的项目中.我知道你可以在创建项目时设置一个标志,但我的项目已经创建并且已经完成了工作.

现在调用使用新Angular CLI生成的新配置文件angular.json而不是angular-cli.json.该文件的方案也有所不同,具有新属性.

在旧的angular-cli.json有一个部分,你可以这样设置stylExt,

"defaults": {
    "styleExt": "scss"
}

但是我不知道究竟要把它放在哪里,因为在"test"和"lint"属性之后,给出了一个lint错误:

Matches multiple schemas when only one must validate.

和建筑产品:

Schema validation failed with the following errors: Data path "['defaults']" should NOT have additional properties(styleExt).

看看CLI的文档,我没有看到任何可以指示放置位置的内容"styleExt".

我已经看到其他答案建议:ng set defaults.styleExt scss哪个抛出get/set have been deprecated in favor of the config command..

我试过ng config set defaults.styleExt scss并且npm config set …