sass相关内容

Bootstrap SASS 变量覆盖挑战

编辑:这个问题被标记为 这个,但请参阅此答案末尾附近的附录,了解该问题没有问什么,以及答案没有回答什么. 我正在开发一个使用 Bootstrap 3 的网络应用程序.我有一个基本的 3 层覆盖架构,其中 1) Bootstrap 的 _variables.scss 包含核心变量,2) _app-variables.scss 包含基本应用程序变量覆盖 Bootstrap 的 _variable ..
发布时间:2021-12-28 15:05:31 前端开发

如何解决“您需要在 PATH 中安装 Ruby 和 Sass 才能执行此任务"警告?

我正在设置一台新的 Mac 以供工作.我已经安装了 Grunt &全局 Grunt CLI.然后我在项目文件夹中执行了 npm install 以安装所有依赖项. 到目前为止没有问题,但是一旦我尝试运行 sass:dist 任务,我就会收到此警告: 警告:您需要安装 Ruby 和 Sass 并在您的 PATH 中这个任务来工作.更多信息:https://github.com/gruntjs ..
发布时间:2021-12-28 10:18:02 其他开发

“您没有/usr/bin 目录的写权限."使用 Gem 命令安装 Sass 时

我在 Mac 上尝试使用终端中的命令“sudo gem install sass"安装 Sass.然后我输入我的密码,一切正常,直到弹出这个, "错误:执行 gem 时 ... (Gem::FilePermissionError)您没有/usr/bin 目录的写权限." 我确实使用了 sudo,但它仍然不起作用,这是您无法阅读和阅读的内容之一.写入权限.有什么想法吗? 谢谢, ..
发布时间:2021-12-28 10:14:24 其他开发

node-sass 和 Docker 的问题

我正在尝试 dockerise 我的节点应用程序.我当前的应用程序是带有 postgresql 的 nodejs express 服务器.ExpressJS 使用 node-sass-middleware 来处理 sass 资产.当我在 OSX 机器上本地运行 node 和 postgresql 时,一切正常.当我尝试使用 docker-compose 运行应用程序时,出现“缺少绑定错误" ..
发布时间:2021-12-26 22:43:56 其他开发

Vue 中 JS 和 SCSS 之间的共享变量

我最近开始使用 Vue.js 2,而且我很喜欢单文件组件结构: 你好世界 导出默认{name: '你好世界',};h1{字体大小:72px;} 不过,我很好奇是否有一种既定的方法可以在 SCSS 和 JS 之间传递变量.我需要共享一个值,现在它在两个部分中重复. 我使用 Vue CLI 创建了这个项目, ..
发布时间:2021-12-26 16:54:18 前端开发

带有 Ember CLI 插件的 SASS

我想知道如何在 Ember-CLI 插件中使用 SASS? 我在 /app/styles 文件夹中有我的样式,但我不确定那是放置它们的正确位置.我的插件项目中安装了 broccoli-sass,当我在 /tests/dummy/app/styles/app.scss/tests/dummy/app/styles/app.scss. @import 'app/styles/app.scs ..
发布时间:2021-12-26 16:18:56 其他开发

如何在 Netbeans 8.0.1 中使用 SASS

我正在尝试在 Netbeans 8.0.1 中使用 SASS.我根据 ruby​​ -v 的反馈正确设置了 Ruby 和 SASS. 我在 Project\Web Pages\resources 下设置了一个带有 css 和 scss 文件夹的 Web 应用程序. 我的输入和输出分别设置为/scss 和/css 并且我已经选中了“在保存时编译 Sass 文件".我创建了一个 style ..
发布时间:2021-12-26 14:47:54 其他开发

Sass 的@use 特性

首先,我希望有人能够真正理解这个漫无边际的问题,因为我什至都在努力以连贯的方式表达我的意思,但这里是: 我不知道为什么我这么费劲才弄清楚这一点,但是我已经将@import 与 SCSS 一起使用了一段时间,并且感觉我对它的了解相当不错,但现在我想使用@use 规则,因为逐步淘汰@import 是一回事.而且我找不到任何解释如何正确使用它的视频或任何真实的文章. 我遇到的问题是我无法理解 ..
发布时间:2021-12-25 19:51:07 前端开发

为什么要在文件名前面放“_"呢?或“_"在 scss/css 中?

为什么在 scss 中将 _ 放在文件名前面? _filename.scss - 为什么需要 _ ? 解决方案 _(下划线)是 scss 的一部分.这意味着样式表将被导入(@import)到主样式表,即styles.scss.使用部分的优势在于您可以使用多个文件来组织您的代码,并且所有内容都将被编译到一个文件中. ..
发布时间:2021-12-25 19:31:15 前端开发

使用 SASS 时如何从不同目录导入文件?

在 SASS 中,是否可以从另一个目录导入文件?例如,如果我有这样的结构: - root_directory- 子目录_a- _common.scss- 模板.scss- 子目录_b- more_styles.scss template.scss 可以使用 @import "common" 导入 _common.scss 但是 more_styles.scss 是否可以导入 _common.s ..
发布时间:2021-12-25 19:26:34 其他开发

ExtJS4 太优雅了...需要帮助 ie8 组件渲染

我正在开发一个 ExtJS4 应用程序 - 自定义报告应用程序. ExtJS4 使用可怕的优雅降级原则,通过自动回退所有带有图像和表格的 css3(修改标记).正因为如此,它会严重膨胀已经臃肿的标记,并使用默认图像更改所有渐变/边框. 我不确定除了 css3 元素之外还有什么变化,但这里是应用截图. 这是 IE8: 这是谷歌浏览器: ... 除了必须检查所有标记 ..
发布时间:2021-12-25 18:15:16 其他开发

如何创建 _custom.scss 以覆盖 Bootstrap 4 alpha 6 中的变量

我正在尝试自定义 Bootstrap 4 alpha 6 主题.我想将设置从 _variable.scss 文件复制到 _custom.scss 以覆盖.但是我在源代码中没有找到 _custom.scss 文件.如何在我的项目中添加这个 _custom.scss 文件? 解决方案 我注意到你的问题 here、这里和这里: ☐ 考虑实施 _custom.scss 以实现更简单的内置变量 ..
发布时间:2021-12-24 09:24:20 其他开发

如何在 Bootstrap 4 中使用 Sass 更改字体大小?

我收到了交叉信息,想在这里提出这个问题.我在某些地方读过应该从 html 元素更改字体大小,例如: html { 字体大小:14px } 引导程序 4 rem 值将相应地更新文本. 有趣的是,如果我将 html 元素的字体大小保持为其默认值并更改引导程序变量以更改字体大小,我是否做错了什么? 例如: html { 字体大小:16px }//将引导变量更改为$font-size-b ..
发布时间:2021-12-24 09:17:06 前端开发

自定义 Bootstrap 4 css

我正在关注此链接:文档 具体来说:使用我们内置的自定义变量文件自定义 Bootstrap 4,并使用新的 $enable-* Sass 变量轻松切换全局 CSS 首选项.覆盖变量的值并根据需要使用包含的 Gruntfile 重新编译. 我以前从未使用过 Gruntfile.可以用其他工具把scss编译成css吗?另外,这种编译的结果会是什么?一个 _custom.css 必须放在原来的 ..
发布时间:2021-12-24 09:13:54 前端开发

Angular:Bootstrap 4 黑暗 &灯光模式开关

在整个 bootstrap 4 (scss) angular 应用程序中实现暗模式和亮模式的最佳方法是什么?Angular cli 编译 scss 文件,因此为每个主题包含单独的 css 文件的旧方法对我没有吸引力.如何??设置正文类并在我的整个 scss 文件中使用 .dark/.light?使用混合?使用引导颜色主题? 欢迎提出任何想法! 解决方案 不知道这是不是最好的方法,但我 ..
发布时间:2021-12-24 09:13:35 前端开发