小编Old*_*oll的帖子

我今天才开始玩compass和haml.虽然我很熟悉的方式sass工作,我得到一个什么样的想法compass是为sass以及如何使用它,我已经当涉及到使用打了道路块一点点haml有效.

当然我希望这里的某个人已经知道我的问题的答案,并且可以给我一点启动haml.

这是我想要完成的事情:保存时自动编译我的HAML文件.

然而,该项目只是一个非常小的静态站点(几页),用于构建模板集,以便以后集成到ExpressionEngine CMS(php基于解决方案)中.

所以请记住,我自己使用HAML来简化最初的"设计到HTML/CSS"过程,这是一个自动编译我的HAML文件到HTML的好方法,基本上是一个给我一个haml watch命令,我可以在我的运行项目？

那里有甚至这样的东西吗？

至于我正在运行的平台,我有一台运行OS X 10.6.6的Mac.

感谢阅读,任何想法,建议,帮助将非常感谢.

我正在寻找一个模板引擎.在HAML,SASS/Compass和ERB中进行选择时需要考虑哪些重要因素？

我正在尝试实现一个使用方向传感器的箭头,以指向特定位置.Google地方信息在ListView中为找到的每个地点实施此箭头.

我已经设法获得了方位角,但是给定了一个位置,我不知道如何继续计算我需要的角度.而且,我需要从真正的北方和磁北方进行转换.有没有人有这种实施的例子？

提前致谢.

这特别涉及SASS的罗盘框架.

我创建了一个精灵,也是一个渐变混合.是否有可能将两者合并在同一个项目上,如果是这样,怎么办？

@import "compass/css3";

@import "icon/*.png";
@include all-icon-sprites;

@mixin light-gradient {
    @include background-image(linear-gradient(top, $dark 20%, $light 100%));
    color: $dark;
    text-shadow: $light;
}

button {
    @include light-gradient;
    @include icon-sprite(search);
}

更新:

我想出了这个解决方案,任何人都可以改进吗？

@import "compass/css3";
@import "compass/utilities/sprites";

$icon: sprite-map("icon/*.png");

$light-gradient: linear-gradient(bottom, $shade-2 20%, $shade-3 100%);
$icon-search: sprite($icon, search) no-repeat;

button {
    @include background($light-gradient, $icon-search);
}

我试图在本地工作的PHP应用程序,我从我的合作伙伴和我使用的Git存储库克隆.

他使用Mac,直到现在我一直在虚拟Ubuntu Linux环境中处理应用程序.这两种环境都能够使用具有相同文件结构和文件的Compass轮询.

在Windows 7上,我从Cygwin运行Compass命令,这是我用来从应用程序的根目录(C:/ wamp/www/application)进行Compass轮询的命令:

compass watch --trace src/Application/ApplicationBundle/Resources/compass/

当我然后更改.scss文件时,我收到以下错误:

ArgumentError on line 716 of /usr/lib/ruby/1.8/pathname.rb: different prefix: "/ /cygdrivecwampwwwlimelightsrclimelightlimelightbundleresourcescompasssrcpartials _object.scss" and "/cygdrive/c/wamp/www/limelight/src/limelight/limelightbundle/ resources/compass/src" /usr/lib/ruby/gems/1.8/gems/fssm-0.2.7/lib/fssm/path.rb:81:in 'split_path' /usr/lib/ruby/gems/1.8/gems/fssm-0.2.7/lib/fssm/path.rb:69:in 'run_callback' /usr/lib/ruby/gems/1.8/gems/fssm-0.2.7/lib/fssm/path.rb:55:in 'callback_action' /usr/lib/ruby/gems/1.8/gems/fssm-0.2.7/lib/fssm/path.rb:35:in 'update' /usr/lib/ruby/gems/1.8/gems/fssm-0.2.7/lib/fssm/state/directory.rb:39:in 'modified' /usr/lib/ruby/gems/1.8/gems/fssm-0.2.7/lib/fssm/state/directory.rb:37:in 'each' /usr/lib/ruby/gems/1.8/gems/fssm-0.2.7/lib/fssm/state/directory.rb:37:in 'modified' /usr/lib/ruby/gems/1.8/gems/fssm-0.2.7/lib/fssm/state/directory.rb:18:in 'refresh' /usr/lib/ruby/gems/1.8/gems/fssm-0.2.7/lib/fssm/backends/polling.rb:17:in 'run' /usr/lib/ruby/gems/1.8/gems/fssm-0.2.7/lib/fssm/backends/polling.rb:17:in 'each' /usr/lib/ruby/gems/1.8/gems/fssm-0.2.7/lib/fssm/backends/polling.rb:17:in 'run' /usr/lib/ruby/gems/1.8/gems/fssm-0.2.7/lib/fssm/backends/polling.rb:15:in 'loop' /usr/lib/ruby/gems/1.8/gems/fssm-0.2.7/lib/fssm/backends/polling.rb:15:in 'run' /usr/lib/ruby/gems/1.8/gems/fssm-0.2.7/lib/fssm/monitor.rb:26:in 'run' /usr/lib/ruby/gems/1.8/gems/fssm-0.2.7/lib/fssm.rb:20:in 'monitor' /usr/lib/ruby/gems/1.8/gems/compass-0.11.1/lib/compass/commands/watch_project.rb:86:in 'perform' /usr/lib/ruby/gems/1.8/gems/compass-0.11.1/lib/compass/commands/base.rb:18:in 'execute' /usr/lib/ruby/gems/1.8/gems/compass-0.11.1/lib/compass/commands/project_base.rb:19:in 'execute' /usr/lib/ruby/gems/1.8/gems/compass-0.11.1/lib/compass/exec/sub_command_ui.rb:43:in 'perform!' /usr/lib/ruby/gems/1.8/gems/compass-0.11.1/lib/compass/exec/sub_command_ui.rb:15:in 'run!' /usr/lib/ruby/gems/1.8/gems/compass-0.11.1/bin/compass:25 /usr/lib/ruby/gems/1.8/gems/compass-0.11.1/bin/compass:39:in 'call' /usr/lib/ruby/gems/1.8/gems/compass-0.11.1/bin/compass:39 /usr/bin/compass:19:in 'load' /usr/bin/compass:19

我通过搜索找到的只是它可能与Windows资本化其驱动器名称这一事实有关,尽管返回路径中缺少斜线使我认为问题可能在其他地方.

有谁知道为什么我可能会在Windows中收到此错误,但不是其他平台？

注意:我找到了一个解决方案,涉及通过Windows'命令提示符而不是Cygwin安装ruby(和指南针),这应该可以正常工作.不过,如果有人有想法,我仍然对这个问题可能是多么好奇.

我正在寻找符合以下要求的库或库集合:

• 可以使用HAML和SASS.
• 每次刷新浏览器时都有一个小的服务器功能来查看编译的HAML/SASS.(不过我不想开始新的Rails应用程序.)
• 适用于流行的CSS框架.(不一定是所有,但主要的像960gs和蓝图)

指南针似乎很有希望,但它似乎不支持HAML.至少我正在寻找使Compass和HAML结合在一起的信息.

编辑 chriseppstein列出了很酷的东西.我会链接到每一个.

• http://staticmatic.rubyforge.org/
• http://github.com/tdreyno/middleman
• http://nanoc.stoneship.org/
• http://webby.rubyforge.org/user-manual/
• http://github.com/jlong​​/serve

假设我想为开发设置嵌套样式并为生产压缩.Compass配置文件中只有一个选项:

output_style = :compact # or :nested, :expanded, :compressed

根据我的理解,Compass仅适用于Ruby.是否有与Compass相当的PHP？

我希望能够配置颜色,渐变等.

我通过罗盘框架和蓝图/网格依赖使用saas.我希望能够使用媒体查询设置列的宽度,如下所示:

// /src/partials/_base.scss
$blueprint-grid-columns: 18;

@media screen and (max-width: 1024px){
    // If screen res is 1024 or lower, then set grid width to 46px
    $blueprint-grid-width: 46px;
}
@media screen and (max-width: 1280px){
    $blueprint-grid-width: 50px;
}
@media screen and (max-width: 1600px){
    $blueprint-grid-width: 76px;
}

$blueprint-grid-margin: 8px;

这在/stylesheets/screen.css中编译:

@media screen and (max-width: 1024px) {}
@media screen and (max-width: 1280px) {}
@media screen and (max-width: 1600px) {}

但是screen.css其余部分的值没有相应设置.我想这是有道理的,因为$ blueprint-grid-width变量是在编译时读取的,而不是在运行时读取的.

有没有办法通过使用媒体查询输出具有不同网格宽度的布局来获得屏幕分辨率？

相关github问题:https:
//github.com/chriseppstein/compass/issues/302