Questions tagged «sass»

为什么要_在scss中的文件名前面放置？ _filename.scss-为什么需要_？

147 css  sass 

我读过 文档，其中说如果要使用scss，必须运行以下命令： ng set defaults.styleExt scss 但是当我这样做并制作该文件时，我仍然在控制台中收到此错误： styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT: no such file or directory, open '/Users/Egen/Code/angular/src/styles.css'(…)

134 css  angular  sass  angular6  angular-cli 

我希望能够执行以下操作： height: 25% - 5px; 显然，当我这样做时，我得到了错误： Incompatible units: 'px' and '%'.

133 sass 

我刚刚发现了Sass，对此感到非常兴奋。 在我的网站中，我实现了一个树状的导航菜单，使用子组合器（E > F）设置了样式。 有什么方法可以在Sass中使用更简单（或更优）的语法来重写此代码？ #foo > ul > li > ul > li > a { color: red; }

125 css  css-selectors  sass 

我想要一个包含CSS文件中所有图像的根路径的变量。我不太确定这是否可以在纯Sass中实现（实际的Web项目不是RoR，因此不能使用asset_pipeline或任何花哨的爵士乐）。 这是我的示例不起作用。进行编译时，它会在后台url属性中的变量（"Invalid CSS after "..site/background": expected ")"）的第一个实例处执行操作。 定义函数以返回路径： //Vars $assetPath : "/assets/images"; //Functions @function get-path-to-assets($assetPath){ @return $assetPath; } 使用功能： body { margin: 0 auto; background: url($get-path-to-assets/site/background.jpg) repeat-x fixed 0 0; width: 100%; } 任何帮助，将不胜感激。

123 css  sass 

我非常了解CSS，但是对Sass感到困惑。SCSS与CSS有什么不同？如果我使用SCSS而不是CSS，它会一样工作吗？

123 css  sass 

我正在尝试为sass中的占位符创建一个mixin。 这是我创建的mixin。 @mixin placeholder ($css) { ::-webkit-input-placeholder {$css} :-moz-placeholder {$css} ::-moz-placeholder {$css} :-ms-input-placeholder {$css} } 这就是我想要包含mixin的方式： @include placeholder(font-style:italic; color: white; font-weight:100;); 显然，由于所有冒号和分号都已传递给mixin，因此这行不通，但是...我真的很想输入静态CSS并将其完全传递给上面的函数。 这可能吗？

122 css  sass 

当创建与CLI（v3.7.0）的新项目中，有之间进行选择的选项dart-sass或node-sass编译器。 它们之间如何进行比较，以使其比Vue docs中声明的更为具体？ Sass性能技巧 请注意，使用Dart Sass时，由于异步回调的开销，默认情况下，同步编译的速度是异步编译速度的两倍。为了避免这种开销，您可以使用Fiber包从同步代码路径中调用异步导入程序。为此，只需将光纤安装为项目依赖项即可： npm install -D fibers 另请注意，由于它是本机模块，因此在操作系统和构建环境上可能存在兼容性问题。在这种情况下，请运行npm uninstall -D fibers以解决问题。 ? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): (Use arrow keys) ❯ Sass/SCSS (with dart-sass) Sass/SCSS (with node-sass) Less Stylus 编辑2020/01： Vue CLI 4.2.2创建新项目仍然建议dart-sass作为之前的第一个选项node-sass。然而，这里已经确定这node-sass是性能更高的选择，几乎没有人使用dart-sass（ccleve的评论）。 编辑2020/09：阿里巴赫拉米更新了广泛的答案，dart-sass是首选的node-sass被标记为已过时。 太糟糕了dart-sass，因为它是JS编译版本，性能不佳。但是，它的开发人员对此很清楚，并且正在努力提高本期中所述的性能。

122 vue.js  webpack  sass  vue-cli  node-sass 

我想通过计算以百分比形式在scss中设置宽度，但这给了我错误。 “ ...- width：（4/12）％”：预期的表达式（例如1px，粗体）后为“;”无效的CSS 我想做类似的事情 $my_width: (4/12)%; div{ width: $my_width; } 如何在其中添加％号？ px和em同样的问题

121 css  sass 

我试图结合使用Sass变量和@media查询，如下所示： $base_width:1160px; @media screen and (max-width: 1170px) {$base_width: 960px;} @media screen and (min-width: 1171px) {$base_width: 1160px;} $base_width 然后在基于样式表宽度百分比的度量中的各个点定义，以生成流畅的布局。 当我这样做时，似乎可以正确识别该变量，但不能进行媒体查询的条件。例如，上面的代码将产生1160px的布局，而不考虑屏幕的宽度。如果我像这样翻转@media语句： @media screen and (min-width: 1171px) {$base_width: 1160px;} @media screen and (max-width: 1170px) {$base_width: 960px;} 无论屏幕的宽度如何，它都会产生960px的布局。还要注意，如果我删除了$base_width: 1160px;它的第一行，则返回一个未定义变量的错误。有什么想法我想念的吗？

119 sass  media-queries 

我正在设置要使用的新Mac。我已经在全球范围内安装了Grunt＆Grunt CLI。然后，我npm install在项目文件夹中进行了安装所有依赖项。 到目前为止，还没有问题，但是一旦我尝试运行sass:dist任务，就会收到以下警告： Warning: You need to have Ruby and Sass installed and in your PATH for this task to work. More info: https://github.com/gruntjs/grunt-contrib-sass Use --force to continue. 我了解的是，我需要在更全局的级别上安装Ruby和Sass才能运行此任务。由于我对使用该终端还很陌生，因此我进行了快速搜索以找出是什么PATH-似乎是存储重要数据的某些系统路径（可以更改）。 这是否意味着我可以简单地通过a sudo grunt install contrib-sass -g来解决此问题？那么Ruby –我一直以为它已经安装在OS X上了？

117 ruby  macos  bash  terminal  sass 

在带有node-sass的Arch Linux上获取此错误。我正在使用gulp-sass。 Node Sass does not yet support your current environment: Linux 64-bit with false 版本号 $ gulp -v [19:43:15] CLI version 3.9.1 [19:43:15] Local version 3.9.1 $ npm -v 3.9.0 节点 $ node -v v6.2.0 即使使用此命令npm rebuild node-sass也不会更改任何内容。

116 node.js  sass  archlinux  gulp-sass  node-sass 

我已经考虑了以下内容，所以现在我想知道您的意见，可能的解决方案等等。 我正在寻找一种插件或技术来更改文本的颜色，或者根据其父​​级背景图像或-color覆盖像素的平均亮度在预定义的图像/图标之间切换。 如果背景覆盖的区域很暗，请将文本设置为白色或切换图标。 此外，如果脚本会注意到父级没有定义的background-color或-image，然后继续搜索最接近的值（从父元素到其父元素），那将是很好的选择。 您对此想法有什么看法？已经有类似的东西了吗？脚本示例？ 干杯J.

114 javascript  jquery  html  css  sass 

我已经使用LESS.js之前。易于使用，类似 <link rel="stylesheet/less" href="main.less" type="text/css"> <script src="less.js" type="text/javascript"></script> 我看到SASS.js。如何以类似方式使用它？解析SASS文件以立即在HTML中使用。似乎SASS.js更适合与Node.js一起使用？ var sass = require('sass') sass.render('... string of sass ...') // => '... string of css ...' sass.collect('... string of sass ...') // => { selectors: [...], variables: { ... }, mixins: { ... }}

112 css  sass  less 

关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗？更新问题，使其成为Stack Overflow 的主题。 5年前关闭。 改善这个问题 我想在Eclipse中编辑SCSS文件，最好使用.scss文件的语法突出显示。 我发现这些资源很有价值： http://sass-lang.com/editors.html-没有用于.scss文件的编辑器。 http://colorer.sourceforge.net/eclipsecolorer-仅具有.scss文件 如何在Eclipse编辑器中集成SCSS开发？ 或者，更一般而言，如何将CSS预处理器集成到Eclipse中？

111 css  eclipse  sass  eclipse-plugin