compass-sass相关内容

循环访问SCSS中的两个@Each列表

在我的CSS中,我必须创建引用“头发颜色”和“发型”的类 我已经编写了一个Mixin来帮助提高CSS编写效率: @mixin hair($hair, $colour) { .hair-#{$colour} .#{$hair} { background:image-url("xsppsfhair#{$hair}#{$colour}.svg") center top no-re ..
发布时间:2022-02-21 16:53:56 前端开发

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

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

什么是命令“指南针手表"的等价物?对于 LESS CSS 预处理器?

我使用 SASS 作为 Drupal 主题的 CSS 预处理器.如果我使用 $ compass watch,在命令行的哪个位置.它会持续观察 .scss 文件的变化并应用于 .css 文件. 只是我正在尝试 Bootstrap 主题,我正在使用 LESS CSS 预处理器,我每次都必须使用 $ lessc less/style.less css/style.css应用更改. LESS ..
发布时间:2022-01-19 12:55:35 前端开发

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 其他开发

为什么“指南针手表"?说它无法加载 sass/script/node (LoadError)?

我的 compass watch 命令出现问题 - 直到几天前它都运行良好.我没有对我的配置文件进行任何更改. 我重新安装了 Compass,使用 rvm 来更新 Ruby.我检查了我的 custom_require.rb 文件,但我真的不知道要查找什么.它似乎试图在某处加载文件“sass/script/node",并从 http://sass-lang.com/docs/yardoc/Sa ..
发布时间:2022-01-18 17:39:11 其他开发

Gulp 手表不工作

我是 Gulp 的新用户,我尝试使用简单的脚本来查看指南针,但它不起作用.但是当我运行 gulp compass 时,gulp 可以编译它.有任何想法吗?这是我的脚本: var gulp = require('gulp'),指南针 = 要求('gulp-指南针'),//指南针gulp.task('指南针', function() {gulp.src('./assets/scss/*.scss') ..
发布时间:2022-01-12 14:10:08 前端开发

Gulp 似乎找不到 compass mixin

我正在尝试将 gulp 作为 Grunt 的替代构建工具,将我的 scss 编译为 css,因为我听说它可以更快. 我什至在对我的 scss 文件进行基本编译时都遇到了问题.我曾尝试使用 gulp-sass、gulp-ruby-sass 和 gulp-compass 插件进行 gulp,但我得到了几乎相同的错误每次留言: error screen.scss(_grid.scss 的第 2 ..
发布时间:2022-01-12 13:49:37 其他开发

CSS(也许用 Compass):跨浏览器渐变

我希望在所有主流浏览器中都能使用 CSS 中的渐变(可能通过 Compass),包括IE7+.有没有一种简单的方法可以做到这一点(无需编写大量代码,也无需自定义图像文件)? 我查看了 Compass 的 渐变混合,但它不适用于 Internet Explorer. 有什么想法吗?(它不需要是 Compass ——我很乐意安装其他东西.) 编辑:我想要的是一些框架(比如 Compa ..
发布时间:2022-01-08 13:28:08 前端开发

Sass 和四舍五入数字.这个可以配置吗?

我有什么办法可以修改 Sass 处理小数位的方式吗?看到有几个人说Sass会动态做响应式布局所需的(target/parent)*100计算,并在编译时输出结果.它甚至还有一个百分比函数,它基本上会取两个值并执行此操作. 唉,Sass 只会给我 3 位小数.到目前为止,我的理解是,在某些情况下,这可能不足以让所有浏览器正确显示布局而不会出现任何问题. 谁能帮我弄明白这件事的真相? ..
发布时间:2022-01-04 18:03:27 前端开发

在 Ember-CLI 项目中编译 Compass

我正在使用 ember-cli v0.0.23,并且正在尝试获取 broccoli-compass 包与我的项目一起工作,但我遇到了一些问题. 首先,在我的 Brocfile 中,我替换了标准 Ember-CLI“蓝图"版本: var 样式 = preprocessCss(appAndDependencies, prefix + '/styles', '/assets'); 具有以下内容 ..
发布时间:2021-12-26 16:19:53 其他开发

如何使用指南针在 ember-cli 中生成图像精灵?

更新 - 20140614: 在没有得到这个问题的任何答案后,或者在github上,我决定想出我自己的解决方案来解决这个问题.我用指南针做很多事情,但它的主要用途是生成图像精灵的能力.大多数其他事情都可以使用纯 SCSS 来完成. 因此,我编写了 broccoli-sprite.这与 ember-cli 对 SCSS 的内置支持结合使用使用 broccoli-sass,能够满足我的需求 ..
发布时间:2021-12-26 15:40:41 前端开发

Rails 3 应用程序中的 Sass 导入错误 - “未找到或无法读取的导入文件:指南针"

我有一个 Rails 3 应用程序,我在上面成功运行了 compass init rails ./--using blueprint.我可以从/stylesheets 目录中 @import 文件,但是当我尝试 @import compass 时出现错误. 现在该应用有两个简单的 sass 文件: common.scss $body-background: blue; ma​​in ..

指南针过滤掉 -moz 供应商前缀

在我的项目中使用 Yeoman 和 generator-angular-fullstack.SCSS 支持非常好,但是我所有的 -moz 前缀都从 css 结果中过滤掉了. 我查看了指南针文档重新分级供应商前缀.该文档建议覆盖默认变量: $experimental-support-for-mozilla : true !default;$experimental-support-for-w ..
发布时间:2021-11-09 03:32:37 其他开发