-
0 votesanswersviews
使用grunt-sass / node-sass预编译全局变量（变量，mixins等）
我正在使用grunt-sass / node-sass来编译我的scss文件 . 我有很多scss文件，如btn.scss，panel.scss等组件 . 我不是一个大css文件（styles.css）中的所有scss文件 - 而是像所有分离的css文件（btn.css，panel.css等）一样编译 因为我有全局的scss文件，如variables.scss，mixins.scss等 . 我必须... -
0 votesanswersviews
如何在故事书的装饰者中使用app的sass变量（React）
我用Gatsby.js Build 了一个网站（静态网站生成器与React），我正在尝试添加故事书 . 我在故事书中添加了一个自定义webpack配置（遵循https://storybook.js.org/configurations/custom-webpack-config/中的说明）来加载sass和sass-resources，但是无法使其工作 . 以下是配置 . 我已经安装了所有的“sty... -
0 votesanswersviews
webpack允许导入所有sass文件？即@import 'components/**/*'
我目前正在webpack中使用css-loader，node-sass，sass-loader和style-loader包来编译我的sass文件，这是我的加载器当前的样子： { test: /\.scss$/, loader: 'style!css!sass' } 我想为我的样式使用这样的文件夹结构 styles components/ main.sass 并且在main.sa... -
0 votesanswersviews
SASS不在React / Webpack项目中呈现
我在我的项目中添加了SASS，因为我喜欢在我的CSS中使用SASS . 在我的app文件夹中，我创建了CSS文件夹和一个SCSS文件夹 . 我运行sass --watch scss：css将我的scss更改映射到css文件夹 . 我认为这很有效 . 在我的webpack中，我添加了一个处理SCSS和SASS的加载器，并将所需的文件添加到我的package.json中 . 为了开始使用SASS样式，... -
1 votesanswersviews
将sass变量导入gatsby组件
我正在使用Gatsby构建一个静态站点项目 . 我已经成功安装了gatsby sass插件并让sass工作，但是，我无法将我的自定义sass变量文件正确导入到其他组件sass文件中 . 下面是我的文件夹结构： `--src -components -header -header.js -header.sass --layouts -index.js -index... -
2 votesanswersviews
使用自定义SCSS和Bootstrap-Vue Webpack Vue.js
我正在使用VueJS和Bootstrap-Vue创建一个应用程序 . 我试图导入SCSS文件以覆盖Bootstrap变量以及另一个自定义样式的SCSS . 这是我到目前为止： 已安装node-sass，sass-loader和css-loader npm install node-sass sass-loader css-loader --save-dev 在build / webpack.... -
0 votesanswersviews
组件模块中的Sass未导入
我无法应用sass样式 . 我在 components 库中定义了组件 . 这些组件导入sass样式 . 消费应用程序导入组件，我们可以渲染组件，但不应用sass样式 . 例如，在这种情况下， Button.scss 中的样式未应用，但来自 App.scss 的样式是 . // /components/Button/Button.scss .my-button { color: red; } ... -
1 votesanswersviews
在vue组件rails webpack中使用变量scss资产
我在application.scss中有这个代码 $color-red: #FF0000; $dark-gray: #4a4a4a; $bg-gray: #f4f5f7; $primary_color: #26d2bf; 我如何在我的vue组件中使用这些变量？ 我在webpacker.yml中添加了这个 resolved_paths: ['app/assets/stylesheets'] 在我... -
0 votesanswersviews
在Angular开发中自定义bootstrap类
我在我的角度6应用程序开发中使用bootstrap 4和sass . 我试图通过自定义bootstrap nav-tabs，nav-link类在我的应用程序中创建一个导航选项卡 . 但是，自定义引导类没有反映出来 . 所以，我的问题是我们可以在角度应用程序开发中自定义bootstrap类吗？如果是这样，我们怎么做呢？下面是我的角度组件的代码片段 . myComponent.html： <di... -
0 votesanswersviews
Codekit无法在angular v5项目中编译main.ts和app.component.spec.ts
我通过终端运行Angular 5.1.0并在/ src / scss中为sass设置了一个文件夹，我正在使用codekit来编译sass . 一切都运行良好，并且在最后几次保存之前编译没有错误，现在当我保存我的css代码包时告诉我main.ts和app.component.spec.ts无法编译 . 这是一个运行codekit和angular一起出现的已知问题吗？如果没有，是否有一种简单的方法可以... -
0 votesanswersviews
在项目的样式表中检索主要颜色
有没有办法将角度材质主题中使用的主要颜色检索到角度项目的css文件？ 在项目中，我们可以在* .scss文件中定义主要颜色，如下所示： @import '~@angular/material/theming'; @include mat-core(); $primary: mat-palette($mat-green, 800); $accent: mat-palette($mat-teal... -
7 votesanswersviews
不使用sass-loader的字体的相对路径
我有一个完全干净的项目利用 vue-templates/pwa . 一切都按预期工作 . 加载了SCSS文件，但字体的路径失败 . 错误消息： assets / fonts / DIN / din_alternate_bold_1-webfont.ttf in ./~/css-loader？{“minimize”：false，“sourceMap”：false}！./~ / vue-loade... -
46 votesanswersviews
罗盘和萨斯之间的区别？
我知道这是一个愚蠢的问题，但我一直在搜索谷歌，我找不到任何答案：/那么SASS和指南针，SASS和SCSS之间有什么区别？我对此感到非常困惑 . 谢谢你的任何信息:) -
1 votesanswersviews
终端中的sass和scss命令有什么区别
在我安装Sass ruby gem之后，系统中添加了三个新命令： sass ， scss 和 sass-convert . 所以，我的问题是 sass 和 scss 命令之间的区别是，它们是否共享相同的功能？因为它们都可以将.sass文件或.scss文件转换为.css文件： $ sass style.sass style.css$ sass style.scss style.css$ scss ... -
5 votesanswersviews
css @import和SASS / SCSS @import有什么区别？
原始css具有@import关键字，可以包含外部css文件 . 那么，来自SASS / SCSS @import的这个@import有什么区别？ -
1 votesanswersviews
对Sass和SCSS的困惑
我的困惑来自（除了相对较新）术语“Sass”用于指代Sass和SCSS语法 . 根据本指南，它们是截然不同的：http://sass-lang.com/guide 因此，在阅读讨论或工作列表时，除非提供语法，否则我不确定他们正在谈论哪种方言 . Sass语法是否已被SCSS语法取代（反之亦然）并且只属于“Sass”这个总称 . 只是想确保我一直在使用，学习是当前的语法 . 我一直在学习SCSS语法... -
4 votesanswersviews
“sass”vs“scss”发言/发音[关闭]
Scss基本上是sass所做的改进实现 . 我的工作场所使用.scss文件 . 说话时提及scss的正确或常用方法是什么？我们刚刚将这些文件称为“sass”文件 . 在只使用scss而不是sass文件的环境中这是否可以接受？或者是否有更合适的方式来引用scss文件？ -
4 votesanswersviews
Angular在同一个项目中使用scss / sass和css
我知道在同一个项目中可以同时使用css和sass / scss . 我已经看过一个问这个问题的SO问题，但是从我看到的内容中，当在angular_cli.json文件中使用css作为styleExt时，会出现很多警告 . 这样做是否值得推荐？ 我应该将所有.css文件重命名为sass / scss吗？ 什么是最好的scss / sass，我的猜测是scss？ 任何推荐的更改/转换程... -
2 votesanswersviews
在服务器上编译SASS / SCSS
我有一个应用程序，其中有一个页面，用户可以选择两种颜色，color-primary和color-secondary，然后按一个按钮应用颜色 . 按下按钮后，我希望此页面更新SASS / SCSS变量的值并编译新的样式表 . 关于如何实现这一点的任何想法？ -
7 votesanswersviews
SASS中的变量范围
假设我想为变量定义一个全局值，然后为特定的选择器覆盖它 . 根据SASS documentation这应该是可能的 . 变量仅在定义它们的嵌套选择器级别内可用 . 如果它们是在任何嵌套选择器之外定义的，那么它们随处可见 . 然后，逻辑将声明"green"和"red"作为 $text-color 的值仅在其各自的嵌套选择器中可用，并且 $text-colo... -
0 votesanswersviews
基于SASS课程的主题
我正试图想出一种使用SASS创建基于类的主题的方法，但由于我是新手，我不知道它是否有效或者知道我的尝试是否值得 . 我希望主题基于在HTML或Body标签上设置的类 . 然后所有颜色和背景等都来自于此 . 我想要SASS做的就是处理所有腿部工作 . 请原谅粗略的例子，因为我说我是新手： $baseBackground: #0f0; .blue { $baseBackground: #0... -
0 votesanswersviews
有没有办法在mixin中使用参数在mixin中使用SASS生成变量名？ [重复]
这个问题在这里已有答案： Creating or referencing variables dynamically in Sass 5个答案 关于这个问题，这里有一个我正在尝试做的例子，但我有一种感觉，使用SASS插值在使用参数在mixin中输出变量时不起作用 . $red: #f00; @mixin color-accent-class($color) { .#{... -
2 votesanswersviews
我可以在断点内设置一个Sass变量吗？ [重复]
这个问题在这里已有答案： Using Sass Variables with CSS3 Media Queries 4个答案 是否可以在单个sass-breakpoint中设置一次变量的值，而不是每次使用变量？ 换句话说，我想这样做： $tab: 600px; $wp: 100%; @include breakpoint($tab) { $wp: 95%; } .alpha { ... -
1 votesanswersviews
使用html类更改Sass中的$ primary，$ secondary颜色
我正在尝试创建一个Drupal站点，允许在单个页面上使用多个颜色主题，而不是整个主题 . 我在Drupal中有一个选择菜单，允许用户选择应该应用于页面的颜色主题 . 我使用此字段的值来设置页面模板的类 . 我现在想用这个类来改变Sass中的主要/次要颜色值 . 例如，如果用户选择蓝色，则在HTML模板中包装器就是，我希望Sass看起来像这样： $primary: #0000ff; $seconda... -
1 votesanswersviews
SASS - 使用循环生成变量
TL; DR SASS功能可以用于生成SASS变量吗？我的目的是采用一小组颜色并将它们加工成许多色调和这些颜色的色调 . 问题： N.B. 我正在使用https://github.com/at-import/color-schemer作为颜色功能 . 我有以下变量： $root-color: hsl(10, 85%, 45%); $red: $root-color; $ver... -
4 votesanswersviews
颜色变量与bootstrap-sass
在我最新的rails项目中使用sass，特别是bootstrap-sass gem来获得所有的twitter bootstrappy goodness . 是否可以引用已定义的变量？供应商 /assets/stylesheets/bootstrap/_variables.scss 文件包含颜色声明 . $blue: #049cdb !default; $blueDark: #0064cd !def... -
8 votesanswersviews
无法用font-awesome覆盖bootstrap-sass的字体
我正在使用bootstrap-sass和font-awesome（https://github.com/littlebtc/font-awesome-sass-rails）宝石 . 我想从font-awesome中覆盖bootstrap字体设置 . 从font-awesome的站点我可以覆盖bootstrap默认值，如果我只是在bootstrap导入后导入 . @import 'bootstrap... -
1 votesanswersviews
如何使Bootstrap sass变量对另一个导入的sass文件可见？
我在Rails应用程序中使用 bootstrap-sass . 到目前为止，一切都运行良好，但我刚刚尝试导入另一个使用bootstrap变量的第三方sass文件，它无法看到它们 . 在我的 application.css.scss *= require bootstrap_local 在 bootstrap_local.css.scss @import "bootstrap"... -
7 votesanswersviews
如何导入bootstrap-sass并在多个文件中使用它？
在文档中，您可以阅读以下内容： 将Bootstrap导入Sass文件（例如，application.css.scss）以获取Bootstrap的所有样式，mixins和变量！ @import "bootstrap"; https://github.com/twbs/bootstrap-sass 我有几个scss文件 . 一个用于我的应用程序的每个主要部分（user-page.... -
5 votesanswersviews
Rails Sass：变量不会与@import一起传递
我有一个使用twitter bootstrap和sass的rails项目 . scss文件被构造成文件夹，所以我有一个更好的概述 . 现在我想为包含我的颜色等的全局变量定义一个文件，并将这些值传递给其他文件，这样我的冗余代码就少了 . 虽然所有代码都已正确导入和应用，但变量不起作用 . 这是当前的设置： 样式表/ application.css.scss /* *= require_self ...