问题标签 [compass-sass]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
3150 浏览

css - 指南针字体混合粗体

我正在将@font-face mixin 与 Compass (0.11.beta.1) 一起使用,并且无法定义我的粗体和斜体字体。

我可以通过以下代码成功加载和使用字体:

但是我找不到定义粗体字体的方法。消息来源说 style 参数已被弃用,尝试使用它对输出 .css 文件没有影响。

我目前有两种选择:

  1. 之后编辑 .css 文件。不利于可维护性
  2. 为不同的样式定义不同的字体(也不理想,但目前最可行)例如

    @include font-face("PTSerif")
    @include font-face("PTSerif-B")

无法找到如何正确执行此操作的任何示例 - 能够使用 font-weight:bold;

提前致谢。

0 投票
1 回答
2840 浏览

jquery - 在 Compass 和 jQuery 中实现下拉菜单

我正在使用CompassjQuery设计一个网站。将列表列表样式设置为带有下拉菜单的水平菜单的最佳方法是什么?这种菜单的一个很好的例子可以在这里看到。

0 投票
8 回答
17373 浏览

css - 计算css文件中选择器的数量

是否有现有的插件/应用程序/程序/脚本/任何东西来分析和计算文件的 css 选择器?我想检查我的 css 文件在 IE 中不起作用的原因是否是因为我的选择器计数超过 4095(我很确定不是)

谢谢!

如果有haml/sass/compass解决方案,ps加分

0 投票
1 回答
1160 浏览

ruby - 使用指南针和 susy 插件获取 rb-inotify 错误“Errno::ENOSYS”

我安装了 Compass gem (compass-0.11.beta.2) 以及 Compass susy 插件。每次我运行“指南针手表”时,我都会收到错误消息:
“Errno::ENOSYS on line ["60"] of /path/to/rb-inotify/notifier.rb: initialize inotify”
这是代码块notifier.rb 错误正在引用

我已经尝试重新安装所有涉及的 gem,以及每个 gem 的 3-4 个不同版本,但每次我仍然得到相同的错误。谁能帮我一把?

0 投票
1 回答
2600 浏览

ruby-on-rails - 指南针 CSS3 边框颜色

我从 SASS/Compass 开始,现在遇到了麻烦。

我想翻译这段 CSS 代码

进入一些 SASS/Compass 漂亮的代码。我认为它应该是这样的

我搜索了 Compass 文档,但找不到答案。任何人?

谢谢!

0 投票
2 回答
8057 浏览

css - 如何在 CSS 3 媒体查询中使用 SASS 逻辑

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

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

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

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

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

0 投票
3 回答
2665 浏览

ruby-on-rails-3 - 在 Heroku 上使用 Compass:/tmp 用于远程和本地样式表

我目前正在使用Heroku 知识库中推荐的这种配置来使用 Compass 和 Heroku。Heroku 有一个只读文件系统,因此编译后的样式表需要存储在 /tmp 中。这在 Heroku 上远程工作得很好;然而,在本地,Rails 期望在 /public/stylesheets 中找到样式表(当通过 调用时= stylesheet_link_tag 'screen.css', :media => 'screen, projection')。

为了解决这个问题,我在 /public/stylesheets 中创建了符号链接,ln -s tmp/stylesheets/screen.css public/stylesheets/screen.css这似乎有效。

有没有办法在不使用符号链接的情况下解决这个问题,也许是通过更改 Rails 中的一些配置?我四处寻找,但没有取得多大成功。

这是我的配置/初始化程序/compass.rb:

这是我的配置/compass.rb:

任何帮助将不胜感激。

0 投票
6 回答
25656 浏览

css - Sass 中的多个 box-shadow 声明

我想为 box-shadow 属性创建一个 Sass mixin,但遇到了一些麻烦。一些现有的代码看起来像这样。

试图将所有这些整合到 1 个 mixin 中变得有问题。在 mixins 中使用逻辑的文档非常少。

我想按照以下方式创建一些mixin:

这是抛出错误,因为我猜 Sass 无法评估 $inset 变量。

前面的示例仅演示了我在 box-shadow 是否插入时遇到的问题。我遇到的另一个问题是在单个元素上声明了多个框阴影。如需参考,请参阅上述#theLastDiv。

有时一个元素有一个盒子阴影,而其他时候它必须分开盒子阴影。我误会了,Sass 缺乏破译这种逻辑的能力,并且要实现这一点需要单独的 Mixins(一个用于具有一个框阴影的元素,另一个用于具有两个框阴影的 mixins)。

更复杂的是,上述不透明问题是如何影响这一点的?很想得到一些反馈。如果我弄错了,或者我思考问题的方式总体上存在缺陷,请告诉我。谢谢!

0 投票
4 回答
2431 浏览

css - 所有这些 CSS 框架和其他框架是怎么回事?

我正在深入研究 CSS 的世界,但在理解所有存在的东西的使用方面遇到了一些困难。

有LESS、SASS、Compass、Blueprint、HAML等,我应该一起使用哪些?有人可以解释一下彼此之间的关系吗?

0 投票
3 回答
102980 浏览

css - Sass 背景图像混合

我对 Sass 有点陌生,但我正在尝试为自己创建一个工作流程。我为我的主题设计生成“颜色包”,并且需要为我的 mixin 指定以下变量。有一个更好的方法吗?:

我这样插入:

这产生了这个:

如果可能,我更喜欢使用 CSS 速记,但我遇到了输出错误。如果这不是最好的方法,我将不胜感激任何专家的建议。