标签: compass

找不到答案.运行OS X Yosemite Beta v2

遵循罗盘安装指南时,请确保您的宝石是最新的

gem update --system

然后跑

gem install compass 

上周我因为bash"易受攻击的问题"而在cygwin上做了更新.
之后我再也无法编译sass了.
我尝试重新安装ruby,在一些安装失败后重新安装cygwin我安装了它并更新了
"gem update --system"
它运行,但当我尝试安装指南针时,我得到以下消息:

> /usr/bin/ruby.exe -r ./siteconf20141006-7856-1td7wzb.rb extconf.rb 
> checking for ffi.h... *** extconf.rb failed ***  Could not create
> Makefile due to some reason, probably lack of necessary  libraries
> and/or headers. Check the mkmf.log file for more details. You may 
> need configuration options.
> 
> Provided configuration options: 
> --with-opt-dir 
> --without-opt-dir 
> --with-opt-include 
> --without-opt-include=${opt-dir}/include 
> --with-opt-lib 
> --without-opt-lib=${opt-dir}/lib 
> --with-make-prog 
> --without-make-prog 
> --srcdir=. 
> --curdir 
> --ruby=/usr/bin/ruby 
> --with-ffi_c-dir 
> …

我正在使用罗盘社区v1.13.1并且已经尝试将一些样本数据填充几个小时,但是失败了.

在这里发现了一个类似的问题,我按照@ktsangop的第一个答案,但它没有奏效.

无论如何都不能粘贴为json对象,如果我将类型设置为字符串,它将只是空白字符串; 如果将type设置为object,则无法将json字符串作为整体粘贴.

我是否需要在一个字段中插入一个有效的json对象？或者我做错了吗？

我在Windows 7上使用SASS + Compass.我最近将SASS从3.2.10升级到3.4.2,将Compass从0.12.2升级到1.0.1.我通过卸载旧版本并在命令提示符下使用gem uninstall/install安装新版本来进行升级.

现在,当我在运行指南针监视后对SCSS文件进行更改时,只会注意到并编译第一组更改.在指南针看起来它看起来正在观察变化之后,但实际上在第一次观察之后没有其他变化.我必须终止(Ctrl + C)并重新运行指南针监视.添加--poll命令似乎没有帮助.

在升级之前没有发生这种奇怪的行为.

我怎样才能解决这个问题？

我试图根据rwdCE 1.9/EE 1.14中提供的皮肤创建Magento皮肤.但是,当我尝试编译SCSS时(在干净安装,删除文件后/skin/frontend/rwd/default/css),我收到以下错误:

$ compass compile scss
    write css/madisonisland-ie8.css
    write css/madisonisland.css
    write css/scaffold-forms.css
    error scss/styles-ie8.scss (Line 541 of scss/core/_common.scss: Invalid CSS after "a:not(": expected ")", was "".button")")
Sass::SyntaxError on line ["541"] of /var/www/development/magento-mirror/skin/frontend/rwd/default/scss/core/_common.scss: Invalid CSS after "a:not(": expected ")", was "".button")"
Run with --trace to see the full backtrace

第541行scss/core/_common.scss是:

a:not(".button") {

如果我删除周围的引号.button- 它会成功编译.但是,由于这是Magento的全新安装,我是否真的需要编辑文件才能让它们编译？我可能错过了指南针中的配置设置吗？

谢谢

我需要使用带指南针的动画,所以我尝试使用如doc中所述:http://compass-style.org/reference/compass/css3/animation/

我把文件放在顶部:

@import "compass/css3/animation";

但我有错误:

 File to import not found or unreadable: compass/css3/animation.

我有最新版本的指南针和rails-compass宝石,所以我不知道我的错误在哪里？

谢谢.

有没有办法配置Compass,以便它不会在每次更改非精灵文件时重新编译或检查我的精灵？

我正在尝试对文件进行编辑,lists.scss但是我必须等待指南针在罗盘覆盖我的lists.css文件之前检查(我相信它的检查,可能是它的编译)一个精灵文件(多次).等待指南针检查这些精灵是我们团队耗费大量时间.

 ?  proj2 git:(tU8N) ? compass watch
 >>> Compass is polling for changes. Press Ctrl-C to Stop.
 >>> Change detected at 21:52:39 to: lists.scss
 unchanged static/images/sprite-icon-s18bb1f8a7d.png
 unchanged static/images/sprite-icon-s18bb1f8a7d.png
     error static/sass/application.scss (Line 354 of static/sass/lists.scss: Invalid CSS after "": expected selector, was "")
 overwrite application.css
     error static/sass/lists.scss (Line 354: Invalid CSS after "": expected selector, was "")
 overwrite lists.css
 >>> Change detected at 21:52:48 to: lists.scss
 unchanged static/images/sprite-icon-s18bb1f8a7d.png
 unchanged static/images/sprite-icon-s18bb1f8a7d.png
 unchanged static/images/sprite-icon-s18bb1f8a7d.png
 unchanged static/images/sprite-icon-s18bb1f8a7d.png
 unchanged static/images/sprite-icon-s18bb1f8a7d.png …

我最近在其他开发人员SASS项目中遇到过这个问题,其中Google CDN导入无法编译 - 请参阅截图,在注释时保存正常.

我在这个问题上读了几篇文章,建议你做这个命令:

gem install compass

我不使用指南针,我使用SASS插件为Coda.猜猜以前的开发人员用Compass编译？想象这可能有助于编译问题.

我想知道是否有任何库可以执行Compass sprite生成器的功能？我非常喜欢Compass的这个功能,但我不想要其余的框架.我只想要创建一个带有PNG文件夹的精灵的东西,并且可能创建一些我可以用来在精灵中显示图形的CSS类.我做了一点点,我看到很多精灵生成器作为网络应用程序.人们是否将这些用于高流量网站？或者人们通常使用Photoshop或更好的工具来维护自己的精灵？任何信息都非常感谢!

我正在尝试在 Javascript/JQuery（使用设备方向）中创建一个可靠的指南针，以便它可以在 iOS 和 Android 移动设备上运行。我知道 Stackoverflow 中关于这个主题的几乎所有（非常古老的）问题/答案。我创建了一个非常简单的指南针，它在 iOS 设备上运行良好。在 Android 设备 (Galaxy S8) 上，我有一个奇怪的行为：就像我每天都在测试罗盘方向北切换到 -45/+45、90（北在东）、180（北在南）的偏移量) 或 270 度（北在西）。是的，我考虑过指南针校准（8 位数运动，在测试前将手机绕 3 个轴转动）。

这是指南针的 Javascript 代码：

if (isIos()) // // Function in the background evaluating OS
{ 
    window.addEventListener('deviceorientation', function(event) {
        var alpha;

        // Use Webkit heading for iOS
        alpha = event.webkitCompassHeading;
        if (alpha < 0) { alpha += 360; }
        if (alpha > 360) { alpha -= 360; }

        // Calculated heading
        console.log (alpha);
    });
}
else {
    // Any other …