sass相关内容

使用 Sass/Compass 的多个背景图像

以下使用 sass/compass 生成 base64 内联图像: background-image:inline-image("paper.jpg", 'image/jpg'); 有没有办法制作多个背景图片，或者我必须自己预压缩它们才能做到这一点? 谢谢. 解决方案 inline-image 函数只是输出 url() 字符串，所以你可以这样使用多个: background: ..
发布时间：2022-01-21 09:09:40 前端开发

使用 Sass 根据背景颜色更改颜色

我想设置一些 sass 颜色规则，它们会自动为我选择字体颜色变量.我希望文本颜色取决于父 div 的背景颜色是什么颜色. 如果 div {背景色:#000;} 那么 div p { 颜色:#fff;} 如何使用 sass 实现这一点? 解决方案 background-color可以使用lightness()函数来判断颜色值，如下: @function set-color($ ..
发布时间：2022-01-19 13:00:14 前端开发

有没有办法在 sublime 中自动保存每次击键?

我希望 sublime 在每次击键时保存我的文件，以便实时重新加载. 最简洁的操作是在每次击键时自动保存，前提是文件具有有效的语法. 如果 compass 任务足够快，那就像直接在 chrome 检查器中工作一样. 解决方案 您可以编写一个插件，使用 on_modified 监听器保存文件.像下面这样的东西可能会起作用(注意未经测试) 导入 sublime_plugin类 S ..
发布时间：2022-01-19 12:33:13 其他开发

如何使用 CDN 在 bootstrap 4 中创建新断点?

我使用 BootstrapCDN.其他用 sass 编写并由 gulp 构建的样式.我需要创建自己的断点.如果我使用 CDN，是否可以制作它们?我不知道该怎么做.我必须创建这些断点: --breakpoint-xxxs: 0;--断点-xxs:320px；--断点-xs:568px；--断点-sm:667px；--断点-md:768px；--断点-lg:992px；--断点XL:1200像素；- ..
发布时间：2022-01-19 12:24:15 其他开发

ruby sass，无法解决依赖关系

我下载了两个 gem 文件:Sass-3.3.7.gem &compass-0.12.6.gem 我运行了它安装的 gem install --local Sass-3.3.7.gem. 对 compass 执行相同的命令，但出现错误: 无法解析依赖关系:compass 需要 sass (~>3.2.19) 我正在安装它们，因为我没有连接.有谁知道有什么解决办法吗? 解决方 ..
发布时间：2022-01-18 18:09:35 其他开发

错误:执行 gem 时 ... (Zlib::GzipFile::Error) 不是 gzip 格式

我正在开发 Sencha touch 2 应用程序.我一直在关注“样式化 Sencha Touch 应用程序的用户界面" secha touch 应用主题化教程. 它需要我安装 Ruby、Compass 和 SASS.我使用来自 ruby​​installer.org 的安装程序安装了 Ruby. 在执行以下命令时，我得到了确认安装正确的预期结果: C:\>ruby -v红宝石 1. ..
发布时间：2022-01-18 17:54:09 其他开发

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

我在 Mac 上，我正在尝试使用终端中的命令“sudo gem install sass"安装 Sass.然后我输入我的密码，一切正常，直到弹出这个， "错误:执行 gem 时 ... (Gem::FilePermissionError)您没有/usr/bin 目录的写入权限." 我确实使用了 sudo，但它仍然无法正常工作，而且这是你不能让自己阅读的东西之一.写入权限.有什么想法吗? ..
发布时间：2022-01-18 17:43:21 其他开发

错误:Windows 的 SASS 安装

我在安装 ruby​​ 后尝试安装 sass，但出现以下错误，请帮我解决此问题 maradhak@WW730VW7X1688/c/softwares$宝石-v2.2.2maradhak@WW730VW7X1688/c/软件$ gem 安装 sass错误:找不到有效的 gem 'sass' (>= 0)，原因如下:无法从 https://rubygems.org/下载数据 - SSL_conne ..
发布时间：2022-01-18 17:42:18 其他开发

Column 为设备便携性设计的智能网格 工作原理

我将尝试一个需要支持所有设备的模板，其中大多数设备都推荐我使用网格框架，因为自行使用媒体查询可能会花费时间，但使用框架会很快.现在问题是我不关心网格和我的任务是用基础框架来完成它.！这是最好的方法 *)自己(或)编写媒体查询 *)使用类似基础的框架 并告诉我方法和如何使用它非常感谢提前..！ 解决方案 有两种相反的方式来完成你的任务. 使用非语义 CSS 网格框架 ..
发布时间：2022-01-18 10:40:18 前端开发

Susy 2:具有流动主要内容区域的固定宽度侧边栏

使用 Susy 2(候选发布版)，我试图弄清楚如何使用固定宽度的侧边栏创建简单的流体布局 - 无论是左侧还是右侧 - 我很高兴使用第一个和最后一个关键字.谁能给我任何关于如何在 Susy 2 中执行此操作的指示? 谢谢！ 解决方案 有几种方法可以混合固定/流体布局，具体取决于您自己的具体情况. 隔离侧边栏. 浮动隔离是保持浮动相互独立的一种很酷的方法. .side {@ ..
发布时间：2022-01-18 10:30:29 前端开发

在 Sass 中舍入数字并调整小数位数

是他们在 sass 中更改舍入发生的数字的一种方式，我想停止将 2.0242914979757085% 这样的数字舍入到 2.024%.我想调整输出css中的小数位数 解决方案 来自 SASS 更改日志: 现在可以使用命令行的 --precision 选项设置 Sass 中数字的数值精度.此外，现在可以通过将 Sass::Script::Number.precision 设置为整数( ..
发布时间：2022-01-17 09:37:35 其他开发

SASS 或 LESS 包装

我希望能够从不同的目录导入我的 scss 或更少的文件(无论哪种语言都无关紧要).我的电脑上的目录是这样的: apps/myapp/includes/css/ & framework/2.3/lib/framework/2.3/css 我试图避免 .scss 或 .less 文件中的相对路径来导入它们.我试图找到一个程序或一种我猜测打包文件的方式，而不必在 scss 或更少文件的 @imp ..
发布时间：2022-01-17 08:42:04 其他开发

如何覆盖 sass 中的引导变量?

我正在尝试自定义 Bootstrap 4.我想将设置从 _variable.scss 文件复制到 _custom.scss 以覆盖.但我没有在源代码中找到 _custom.scss 文件.如何在我的项目中添加这个 _custom.scss 文件? 解决方案 Bootstrap 4 大受欢迎.他们已经完全重写了它.因此，您可以非常轻松地覆盖变量.只需创建一个 _custom-variable ..
发布时间：2022-01-16 19:53:56 前端开发

如何在 Eclipse 中集成 CSS 预处理?

我想在 Eclipse 中编辑 SCSS 文件，最好使用 .scss 文件的语法高亮显示. 我发现这些资源很有价值: http://sass-lang.com/editors.html - 没有编辑器仅 .scss 文件 .sass http://colorer.sourceforge.net/eclipsecolorer - 只有 .scss 文件 如何在 Eclipse 编 ..
发布时间：2022-01-16 13:31:47 Java开发

Sass 中的 @if 语句中的 @import

我只想加载登录页面所需的 css 以提高性能.在我的其他页面上，我想要一个分组的 css 文件，该文件将缓存在包含我所有 css 的每个页面上. 我有以下文件: minifiedcssforloginpage.scss分组页面.scss 在 minifiedcssforloginpage.scss 我声明 $load-complete-css:false.之后我导入 myproject. ..
发布时间：2022-01-15 22:18:42 其他开发

Ionic 2 不生成 scss 源映射.“main.css.map"包含“null"

您能帮我理解为什么 Ionic 2 不生成 scss 源映射吗?在“离子服务"之后，我导航到 www/build 文件夹，有 main.css.map 但它包含 null 而不是生成的源映射，如何修复它?有人遇到过这个问题吗? 解决方案 您需要扩展您的 sass.config.js 文件，默认情况下禁用 sass 的源映射. config/sass.config.js: modul ..
发布时间：2022-01-13 20:47:13 其他开发

像 Ionic 2 中的模态一样警报

我希望我的警报中有很多功能，所以我在一个模态中实现了所有的东西......现在我想将此模态切割为一个警报，例如不占用屏幕上的整个空间并在左侧的空间上显示 bg我们的模态.如下图所示 例如:你能告诉我如何在模态框之外实现，使它看起来像一个警报..在离子 2 请帮忙，谢谢 解决方案 可以借助 scss 进行调整 .modal-wrapper {位置:绝对；宽度:90%；身高:65 ..
发布时间：2022-01-13 20:43:32 前端开发

Ionic 2/Ionic 3/Ionic 4:(懒惰)加载图片的微调器

我在我的 ionic2 应用程序中使用 ion-img 来正确加载我的图片.但是，我想知道是否有办法向用户表明图片正在实际加载. 感谢您的帮助！ 编辑:如果您绝对需要使用 ion-img 标签，这就是答案.如果没有，您应该使用 ionic-image-loader 作为 AdminDev826 建议. 我终于用 CSS 解决了这个问题！当图像在 ionic 2 中加载时，ion- ..
发布时间：2022-01-13 19:57:26 其他开发