在 SCSS 中包含另一个类
我的 SCSS 文件中有这个: .class-a{显示:内联块；//其他一些属性&:悬停{颜色:变暗(#FFFFFF，10%)；}}.class-b{//这里继承class-a//一些属性} 在 class-b 中，我想继承 class-a 的所有属性和嵌套声明.这是怎么做的?我尝试使用 @include class-a，但这只是在编译时引发错误. 解决方案 看起来像这样的简单案例不需
..
sass相关内容
如何在 FireFox 中为 SVG 使用十六进制值
我正在使用 CSS 类将 SVG URL 加载到网页中.这适用于我测试过的每个浏览器，除了 Firefox 35.0.1(可能还有更早版本的 Firefox).我注意到，当使用实际颜色名称(例如白色)作为笔划时，它会按预期工作，但是当我使用十六进制值(例如 #ffffff)时，它根本不显示笔划.根据 MDN，支持十六进制值. 所以，这很好用: .ui-stroke-icon .ui-ico
..
为什么不使用 CSS 的“width"属性缩放 SVG 图像?
我正在建立一个投资组合网站. HTML 代码
CSS 代码(使用 SASS) #hero {显示:弹性；弹性方向:列；对齐内容:居中；对齐项目:居中；高度:300px；#社会的 {宽度:50%；显示:弹性；对齐内容:间隔；flex-wrap: 包裹;图片{宽度:2em；}}} 问题是我无法使用 CS
..
实时 Sass 编译器 - @use 导致编译错误
我正在使用 Live Sass 编译器 v3.0.0我的 VS 代码，每当我使用 @use rule 从另一个文件导入变量.但是，当我使用 Sass 命令行界面 (sass --watch) 编译我的文件时，它会没有错误. 所以我想问一下这是我代码中的语法错误还是Live Sass Compiler的bug造成的. 重现步骤 文件结构&代码 这是我在VS Code中打开的名
..
在 npm run-script 中使用 node-sass watch 选项
所以我在 npm 包脚本中运行任务，但我想在 npm start 中传递 watch 选项. 这有效: “脚本":{"scss": "node-sass src/style.scss dist/style.css -w"} 这不会编译、观察或抛出任何错误: “脚本":{"scss": "node-sass src/style.scss dist/style.css","start":
..
浏览器列表:caniuse-lite 已过时.请运行下一个命令`npm update caniuse-lite browserslist`
最近，当我编译 scss 文件时出现错误.错误消息说: 浏览器列表:caniuse-lite 已过时.请运行下一个命令 npm update caniuse-lite browserslist 首先，正如消息所说，我运行了 npm update caniuse-lite browserslist 但它没有解决问题.我删除了整个 nod-modules 目录并再次安装，我也通过 npm
..
更改颜色导航栏标题 Ionic 2
我有这个问题...我现在的颜色是白色的，我的代码是这样的: 你好 使用此选项更改颜色很容易(主要、次要、危险、浅色、深色) 你好 但我的问题是当我想使用自定义颜色时.有人知道我该如何解
..
Ionic 2 警报自定义
我想在 Ionic 2 中自定义我的警报.我知道我可以在 variables.scss 中全局执行此操作，但我想在特定页面中修改特定警报. 我在警报代码中尝试了 cssClass，我尝试了其他不同的东西，这些东西都有效，但在全局范围内，而不是针对特定的. 有什么办法吗? 解决方案 将所有 AlertController.create 方法编辑为如下所示: const aler
..
Sass - 检查变量具有哪种值
假设我有一个变量: $var: 5px; 但在代码中的某处，它的值已更改为可能的颜色、数字、em、rm 等. 是否有任何函数可以检测它具有哪种类型的值? 即 @if is-color($var) {//做某事} 我知道 sass 中没有 is-color 函数，但是还有其他方法可以做到这一点或函数吗? 解决方案 来自 Sass 文档: type_of($value
..
在 SASS IF 语句中使用多个条件 (AND)
使用SASS，我想在IF语句中有多个条件 我现在使用的: @function color-x ($alpha) {@if $accent == red {@return red($alpha)}@else if $accent == green {@return green($alpha)}@else if $accent == blue {@return blue($alpha)}}
..
SCSS mixin 中 if/else 条件的语法
嗨，我正在尝试学习 SASS/SCSS，并且正在尝试重构我自己的 mixin 以进行 clearfix 我想要的是 mixin 是基于我是否给 mixin 传递了一个宽度. 到目前为止的想法(只有伪代码，因为我将包括其他混合) @mixin clearfix($width) {@if !$width {//如果宽度未通过，或者为空，则执行此操作} @别的 {显示:内联块；宽度:$wi
..
SASS 忽略在 if 语句中定义的变量
我有一个名为 style.scss 的文件，代码如下: @import '变量';身体 {颜色:$ 文本颜色；背景:$背景色；} 还有一个名为 _variables.scss 的部分: $colorscheme:白色；@if $colorscheme == 白色 {$文本颜色:#333；$背景色:#fff;}@别的 {$文本颜色:#ccc；$背景色:#333；} if 语句正常工作，但内部
..
Sass中@if语句中的@import
我只想加载登录页面所需的 css 以提高性能.在我的其他页面上，我想要一个分组的 css 文件，该文件将缓存在包含我所有 css 的每个页面上. 我有以下文件: minifiedcssforloginpage.scssgrouped-pages.scss 在 minifiedcssforloginpage.scss 中，我声明 $load-complete-css:false.之后，我导
..
Rails 3 应用程序中的 Sass 导入错误 - “未找到或无法读取的导入文件:指南针"
我有一个 Rails 3 应用程序，我在上面成功运行了 compass init rails ./--using blueprint.我可以从/stylesheets 目录中 @import 文件，但是当我尝试 @import compass 时出现错误. 现在该应用有两个简单的 sass 文件: common.scss $body-background: blue; main
..
如何使用 Express 安装 SASS?
我正在使用 Express 和 socket.io 创建一个 node.js 应用程序.我想使用 SASS，我看到有一个 npm 包，我不明白如何在 SASS npm 和应用程序之间进行链接并使其解析 SASS? 更新:我使用了 SASS 中间件 https://github.com/andrew/node-sass 安装它并以下列方式包含它: sass = require('node-
..
使用 sass 循环浏览颜色列表
可以有三种颜色的列表: $color-list: x y z; 然后通过循环使用这三种颜色并将它们添加到无序列表项中. 我想要: 第1行 (获取颜色 x)第2行
(获得颜色 y)第3行
(获取颜色 z)第4行
(获取颜色 x) 等等等等. 我曾尝试使用 @each (http://sass-lang.com/docs/ya
..
vue.js:总是在每个 vue 样式部分加载一个 settings.scss 文件
我发现自己在每个 .vue 文件中都重复同样的模式，以便使用变量等: @import "../styles/settings.scss";.someclass { 颜色: $some-variable;} 或者如果它嵌套在一个文件夹中，我必须记住要小心路径: @import "../../styles/settings.scss"; 有没有办法在我创建的每个 .vue
..
将 SASS/SCSS 变量导出到 Javascript 而不将它们导出到 CSS
背景 考虑以下 _variables.scss 文件: /* 定义所有颜色 */$白色:#fff;$黑色:#000；$灰色:#ccc；//等等...//导出调色板以供 JS 访问:出口 {白色:$白色；黑色:$黑色；灰色:$灰色；//等等...} 上述代码的目的是通过像这样导入的方式使SCSS变量对Javascript可用: 从'variables.scss'导入变量； 在此处查看更
..
我如何使用/deep/或 >>>或 ::v-deep 在 Vue.js 中?
所以，我在 Vue 中阅读了这里.js 中，您可以在选择器中使用 /deep/ 或 >>> 来创建应用于子组件内部元素的样式规则.但是，尝试在我的样式中使用它，无论是在 SCSS 中还是在普通的旧 CSS 中，都不起作用.相反，它们被逐字发送到浏览器，因此没有任何效果.例如: home.vue: .自动完成>>>.自动完成输入{//...} 生成的 css: .自动完成>>>
..
如何更改引导程序版本 4 按钮颜色
我可以通过更改 bootstrap v4 中的主题颜色来更改主按钮颜色.但它也会影响所有其他组件.如何在不影响主题颜色的情况下设置主按钮颜色?我不想设置品牌主并实现它.还有其他选择吗? 解决方案 2019 Bootstrap 4.1+ 更新 现在 Bootstrap 4 使用 SASS，您可以使用 button-variant 混合轻松仅更改按钮颜色.由于您只想更改主要按钮颜色，而不
..