compass-sass相关内容
在我的CSS中,我必须创建引用“头发颜色”和“发型”的类 我已经编写了一个Mixin来帮助提高CSS编写效率: @mixin hair($hair, $colour) { .hair-#{$colour} .#{$hair} { background:image-url("xsppsfhair#{$hair}#{$colour}.svg") center top no-re
..
以下使用 sass/compass 生成 base64 内联图像: background-image:inline-image("paper.jpg", 'image/jpg'); 有没有办法制作多个背景图片,或者我必须自己预压缩它们才能做到这一点? 谢谢. 解决方案 inline-image 函数只是输出 url() 字符串,所以你可以这样使用多个: background:
..
我使用 SASS 作为 Drupal 主题的 CSS 预处理器.如果我使用 $ compass watch,在命令行的哪个位置.它会持续观察 .scss 文件的变化并应用于 .css 文件. 只是我正在尝试 Bootstrap 主题,我正在使用 LESS CSS 预处理器,我每次都必须使用 $ lessc less/style.less css/style.css应用更改. LESS
..
我下载了两个 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) 我正在安装它们,因为我没有连接.有谁知道有什么解决办法吗? 解决方
..
我正在开发 Sencha touch 2 应用程序.我一直在关注“样式化 Sencha Touch 应用程序的用户界面" secha touch 应用主题化教程. 它需要我安装 Ruby、Compass 和 SASS.我使用来自 rubyinstaller.org 的安装程序安装了 Ruby. 在执行以下命令时,我得到了确认安装正确的预期结果: C:\>ruby -v红宝石 1.
..
我的 compass watch 命令出现问题 - 直到几天前它都运行良好.我没有对我的配置文件进行任何更改. 我重新安装了 Compass,使用 rvm 来更新 Ruby.我检查了我的 custom_require.rb 文件,但我真的不知道要查找什么.它似乎试图在某处加载文件“sass/script/node",并从 http://sass-lang.com/docs/yardoc/Sa
..
我刚刚通过执行以下命令在我的应用程序基目录中安装了基础: compass create myprojectname -r zurb-foundation --usingfoundation 现在我打开了 sass/_settings.scss 文件,我取消了第 66 行的注释: $include-html-classes: true; 最后,我尝试通过执行以下命令来编译我的基础项目以包含
..
我是 Gulp 的新用户,我尝试使用简单的脚本来查看指南针,但它不起作用.但是当我运行 gulp compass 时,gulp 可以编译它.有任何想法吗?这是我的脚本: var gulp = require('gulp'),指南针 = 要求('gulp-指南针'),//指南针gulp.task('指南针', function() {gulp.src('./assets/scss/*.scss')
..
我正在尝试将 gulp 作为 Grunt 的替代构建工具,将我的 scss 编译为 css,因为我听说它可以更快. 我什至在对我的 scss 文件进行基本编译时都遇到了问题.我曾尝试使用 gulp-sass、gulp-ruby-sass 和 gulp-compass 插件进行 gulp,但我得到了几乎相同的错误每次留言: error screen.scss(_grid.scss 的第 2
..
我希望在所有主流浏览器中都能使用 CSS 中的渐变(可能通过 Compass),包括IE7+.有没有一种简单的方法可以做到这一点(无需编写大量代码,也无需自定义图像文件)? 我查看了 Compass 的 渐变混合,但它不适用于 Internet Explorer. 有什么想法吗?(它不需要是 Compass ——我很乐意安装其他东西.) 编辑:我想要的是一些框架(比如 Compa
..
我有什么办法可以修改 Sass 处理小数位的方式吗?看到有几个人说Sass会动态做响应式布局所需的(target/parent)*100计算,并在编译时输出结果.它甚至还有一个百分比函数,它基本上会取两个值并执行此操作. 唉,Sass 只会给我 3 位小数.到目前为止,我的理解是,在某些情况下,这可能不足以让所有浏览器正确显示布局而不会出现任何问题. 谁能帮我弄明白这件事的真相?
..
我使用 Compass 1.0,当我使用 @include display-flex; 或任何其他与 flex 相关的属性时,我只得到 display: -webkit-flex;显示:弹性;-webkit-flex-flow:行换行;flex-flow:行包装; 等等.没有 -moz 或 -o 前缀.知道为什么吗? 解决方案 Opera 从不为 Flexbox 使用 -o- 前缀.它
..
我正在使用 ember-cli v0.0.23,并且正在尝试获取 broccoli-compass 包与我的项目一起工作,但我遇到了一些问题. 首先,在我的 Brocfile 中,我替换了标准 Ember-CLI“蓝图"版本: var 样式 = preprocessCss(appAndDependencies, prefix + '/styles', '/assets'); 具有以下内容
..
更新 - 20140614: 在没有得到这个问题的任何答案后,或者在github上,我决定想出我自己的解决方案来解决这个问题.我用指南针做很多事情,但它的主要用途是生成图像精灵的能力.大多数其他事情都可以使用纯 SCSS 来完成. 因此,我编写了 broccoli-sprite.这与 ember-cli 对 SCSS 的内置支持结合使用使用 broccoli-sass,能够满足我的需求
..
我有一个带有 Gemfile 的全新 Rails 4 应用程序: #default gems宝石“指南针"宝石'zurb-基础'宝石“薄" 使用 style.scss: @import "compass";@import "基础/变量";$红色:RGB(255,0,1);$green: RGB(51,153,50);$body-bg: #F4F4F4;$body-font-color: #7
..
这是对这篇文章的补充:可以'不要在 Magento CE 1.9 中编译 rwd skin SCSS Windows 8.1/PowerShell指南针 1.0.1 (北极星)Sass 3.4.6(选择性史蒂夫)红宝石 2.1.3p242(2014-09-19 修订版 47630)[x64-mingw32] 我从 a:not(".button") > a:not(.button) 中删除了 "
..
我有一个 Rails 3 应用程序,我在上面成功运行了 compass init rails ./--using blueprint.我可以从/stylesheets 目录中 @import 文件,但是当我尝试 @import compass 时出现错误. 现在该应用有两个简单的 sass 文件: common.scss $body-background: blue; main
..
我使用的是 SASS + Compass 和控制器特定的样式表,所以在我的 application.html.erb 中设置: “全部"%> 所以我放了一个 home.css(清单): /**= require_self*= 需要主页*/ 我的主页.css.scss: @import "sass/_all";@import "引导程序";@import "指南针";... 在我的主页中
..
我想修改 JHipster 实体页面之一以使用 DatePicker.我已经包含对 Bower 的依赖项,将 js 库 url 添加到索引页面.我不确定如何包含 bootstrap css,我应该使用指南针还是其他东西?或者你知道更好的 UI 库. 解决方案 我使用 WebJars 将它添加到我的项目中: org.webjars
..
在我的项目中使用 Yeoman 和 generator-angular-fullstack.SCSS 支持非常好,但是我所有的 -moz 前缀都从 css 结果中过滤掉了. 我查看了指南针文档重新分级供应商前缀.该文档建议覆盖默认变量: $experimental-support-for-mozilla : true !default;$experimental-support-for-w
..