Questions tagged «sass»

我有几个scss选择器，在其中我使用相同数量的正负值，如下所示： padding: 0 15px 15px; margin: 0 -15px 20px -15px; 我希望对所有15px的量都使用一个变量，但这不起作用： $pad: 15px; padding: 0 $pad $pad; margin: 0 -$pad 20px -$pad; 保证金金额转换为正数。我想念什么吗？

107 css  sass  compass-sass 

嗨，我正在尝试学习SASS / SCSS，并试图为clearfix重构我自己的mixin 我想要的是mixin基于我是否将mixin传递为宽度。 到目前为止的想法（仅伪代码，因为我将包括其他mixins） @mixin clearfix($width) { @if !$width { // if width is not passed, or empty do this } @else { display: inline-block; width: $width; } } 我以为我可以这样称呼它，但是它没有用。 @include clearfix(); 要么 @include clearfix(100%) 要么 @include clearfix(960px) 我将以最好或正确的方式为您提供帮助！

106 conditional  mixins  sass  if-statement 

没有Ruby，有没有办法使用Sass或Compass或类似的东西？ 我一直在谷歌和这个网站周围，找不到任何东西，任何帮助，将不胜感激。谢谢

102 css  sass  compass-sass 

这个问题几乎说明了一切。 例如，如果我使用Twitter Bootstrap，是否可以在自己的SASS样式表中定义从Bootstrap的CSS类继承的类？还是SASS中的继承仅在单个文件范围内起作用？

102 css  inheritance  stylesheet  sass 

按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实，参考或专业知识的支持，但是这个问题可能会引起辩论，争论，民意调查或扩展讨论。如果您认为此问题可以解决并且可以重新提出，请访问帮助中心以获取指导。 7年前关闭。 我正在研究在ASP.NET环境中使用Ruby HAML包中的SASS（语法上很棒的StyleSheets）的方法。理想情况下，我希望将SASS文件编译为CSS是构建过程中的一个无缝部分。 进行集成的最佳方法是什么？另外，还有其他CSS生成工具更适合.NET环境吗？

101 asp.net  css  sass 

我无法在Sass中嵌套。说我有以下HTML： <p href="#" class="item">Text</p> <p href="#" class="item">Text</p> <a href="#" class="item">Link</a> 当我尝试在下面嵌套样式时，出现编译错误： .item { color: black; a& { color:blue; } } 当它是同一元素的一部分时，如何在父选择器之前引用类型选择器？

100 sass  css-selectors 

我有一个gulp任务，试图将.scss文件转换为.css文件（使用gulp-ruby-sass），然后将生成的.css文件放到找到原始文件的位置。问题是，由于我使用的是遍历模式，因此我不一定知道原始文件的存储位置。 在下面的代码中，我尝试使用gulp-tap进入流并找出从中读取流的当前文件的文件路径： gulp.task('convertSass', function() { var fileLocation = ""; gulp.src("sass/**/*.scss") .pipe(sass()) .pipe(tap(function(file,t){ fileLocation = path.dirname(file.path); console.log(fileLocation); })) .pipe(gulp.dest(fileLocation)); }); 根据的输出console.log(fileLocation)，此代码似乎应该可以正常工作。但是，生成的CSS文件似乎比我期望的高了一个目录。结果应该在哪里project/sass/partials，文件路径应该是project/partials。 如果这样做的方法要简单得多，那么我肯定会更喜欢该解决方案。谢谢！

99 javascript  node.js  sass  gulp 

我想在整个应用程序中使用公司的品牌颜色。 我发现了这个问题：AngularJS 2-材质设计-设置调色板，我可以在其中建立一个自定义主题，但它基本上只是使用预先构建的调色板的不同部分。我不想使用Material2的预定义颜色。我想要我独特和特别的品牌色彩。是否有一种比单独修改主题更好的方法（对吗？）_palette.scss？ 我需要为我的品牌调色板做一个混搭吗？如果是这样-有关如何正确执行操作的任何指南？不同颜色的阴影（标有数字：50、100、200，A100，A200 ...）的含义是什么？ 关于这个领域的任何信息将不胜感激！

97 angular  sass  material-design  angular-material2 

SASS具有一项称为的功能@extend，该功能允许选择器继承另一个选择器的属性，但无需复制属性（如mixins）。 LESS是否也具有此功能？

93 css  sass  less  extend 

在Sass中，我无法完全分辨使用@includemixin和使用@extend占位符类之间的区别。他们不是同一件事吗？

92 sass 

我试图在我的变量上使用字符串插值来引用另一个变量： // Set up variable and mixin $foo-baz: 20px; @mixin do-this($bar) { width: $foo-#{$bar}; } // Use mixin by passing 'baz' string as a param for use $foo-baz variable in the mixin @include do-this('baz'); 但是，当我这样做时，出现以下错误： 未定义的变量：“ $ foo-”。 Sass是否支持PHP样式的变量变量？

91 variables  sass 

我正在努力设置libsass，因为它不像基于Ruby的编译器那样简单。有人可以解释如何： 安装libsass？ 从命令行使用它？ 与gulp和grunt等任务赛跑者一起使用吗？ 我对程序包经理的经验很少，而对任务执行者的经验则更少。

91 css  sass  gulp-sass  node-sass  libsass 

在SASS中，是否可以从另一个目录导入文件？例如，如果我有这样的结构： - root_directory - sub_directory_a - _common.scss - template.scss - sub_directory_b - more_styles.scss template.scss可以使用@import "common"_common.scss导入，但more_styles.scss是否可以导入_common.scss？我尝试了一些不同的东西，包括@import "../sub_directory_a/common"和@import "../sub_directory_a/_common.scss"，但似乎没有任何工作。

89 import  sass 

最近，当我编译我的scss文件时，出现错误。错误消息显示： 浏览器列表：caniuse-lite已过时。请运行下一个命令npm update caniuse-lite browserslist 首先，如消息所述，我跑了，npm update caniuse-lite browserslist但没有解决问题。我删除了整个nod-modules目录并再次安装，同时更新了整个文件夹，npm update但没有一个解决了问题。我还重新安装了autoprefixer和browserslist，但没有一个解决了该问题。 如果我删除 "options": { "autoPrefix": "> 1%" } 从我的角度来看compilerconfig.json，一切正常，这意味着可能与autoprefixer有关。另外，我手动将软件包版本更改为最新版本，package.json然后重新安装，但没有运气。

89 npm  sass  autoprefixer  web-compiler 

我正在使用Font Awesome Sass文件https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass使其成为_font-awesome.sass，因此可以@import在我的Sass项目中使用。我还使用http://middlemanapp.com/将Sass转换为Css。问题： 有没有办法将仅使用过的图标类带入转换后的.css中？因为现在它包含了_font-awesome.sass中的所有类 BONUS：是否可以用旧的图标类以某种方式重新编译字体，以使其在生产时更小？ 如果我能在上面的＃1上找到一些提示，那就足够了。 谢谢。

86 css  sass  font-awesome