Questions tagged «sass»

关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗？更新问题，使其成为Stack Overflow的主题。 4年前关闭。 改善这个问题 如何在Visual Studio 2013中使用Sass CSS预处理器？是否有任何扩展可为Sass提供支持？

72 visual-studio  visual-studio-2013  sass  css-preprocessor 

我正在使用SASS的SCSS语法来创建动态网格系统，但是遇到了麻烦。 我试图像这样使网格系统完全动态： $columns: 12; 然后我创建像这样的列： @mixin col-x { @for $i from 1 through $columns { .col-#{$i} { width: $column-size * $i; } } } 哪个输出： .col-1 { width: 4.16667%; } .col-2 { width: 8.33333%; } etc... 这很好用，但是我接下来要做的是根据所选的$ columns的数目动态生成一列由逗号分隔的长列类-例如，我希望它看起来像这样： .col-1, .col-2, .col-3, .col-4, etc... { float: left; } 我已经累了： @mixin col-x-list …

71 css  sass  styles  stylesheet  grid-system 

关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗？更新问题，使其成为Stack Overflow的主题。 3年前关闭。 改善这个问题 是否存在用于在Sublime Text 2中编辑Sass的软件包？ 这似乎很流行：https : //github.com/n00ge/sublime-text-haml-sass 但是，安装后，似乎只为scss文件提供语法高亮显示。 理想情况下，我希望语法高亮显示，缩进和完成sass语法。

69 sass  sublimetext 

我想在通过Angular CLI创建的Angular（4+）项目中将Bootstrap 4与SASS一起使用。 我特别需要： 使用SASS代替CSS作为全局样式和组件样式 编译Bootstrap SASS源以及我的自定义* .scss样式 确保我的自定义样式覆盖了Bootstrap源，因此我可以在需要时覆盖Bootstrap源，而无需编辑Bootstrap源本身（使升级Bootstrap源版本变得容易） 每当我的任何* .scss文件更改（包括组件和全局样式）都添加到ng serve脚本时，都可以添加watch和自动重新编译

69 angular  sass  angular-cli  bootstrap-4 

我想知道是否可以为@each循环获取元素索引。 我有以下代码，但我想知道$i变量是否是执行此操作的最佳方法。 当前代码： $i: 0; $refcolors: #55A46A, #9BD385, #D9EA79, #E4EE77, #F2E975, #F2D368, #F0AB55, #ED7943, #EA4E38, #E80D19; @each $c in $refcolors { $i: $i + 1; #cr-#{$i} strong { background:$c; } }

69 sass  each 

有什么方法可以在SASS中编写关键帧？ 我发现的每个示例实际上都是SCSS，即使它说是SASS。需要明确的是，我的意思是没有大括号的那个。

68 css  sass  keyframe 

我正在将VueJS与框架VuetifyJS（v2.0.19）一起使用。我在运行npm run serve后收到此错误： Sass Loader已使用与API模式不匹配的选项对象进行了初始化。 我尝试了什么：我已经删除了node_modules文件夹，并将所有npm软件包和node.js重新安装/更新为最新的稳定版本。 完整的错误消息： error in ./node_modules/vuetify/src/components/VRangeSlider/VRangeSlider.sass Module build failed (from ./node_modules/sass-loader/dist/cjs.js): ValidationError: Invalid options object. Sass Loader has been initialised using an options object that does not match the API schema. - options has an unknown property 'indentedSyntax'. These properties are valid: object { implementation?, sassOptions?, …

17 node.js  vue.js  npm  sass  node-modules