小编cim*_*non的帖子

我写了这段代码,但它不起作用.我的问题是什么？

.class {
    margin:20px;
    :hover {
        color:yellow;
    }
 }

我希望能够做到以下几点:

height: 25% - 5px;

显然,当我这样做时,我得到错误:

Incompatible units: 'px' and '%'.

我正在尝试在我的变量上使用字符串插值来引用另一个变量:

// Set up variable and mixin
$foo-baz: 20px;

@mixin do-this($bar) {
    width: $foo-#{$bar};
}

// Use mixin by passing 'baz' string as a param for use $foo-baz variable in the mixin
@include do-this('baz');

但是当我这样做时,我收到以下错误:

未定义的变量:"$ foo-".

Sass是否支持PHP风格的变量变量？

我的应用程序中有一个模态对话框,可以在y方向上相当长.这引入了一个问题,即对话框的某些内容隐藏在页面底部.

我希望窗口滚动条在显示时滚动对话框,并且太长而无法放在屏幕上但是将主体留在模态后面.如果您使用Trello,那么您就知道我想要什么.

这可能不使用JavaScript来控制滚动条吗？

这是我到目前为止应用于我的模态和对话框的CSS:

body.blocked {
  overflow: hidden;
}

.modal-screen {
  background: #717174;
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.9;
  z-index: 50;
}

.dialog {
  background: #fff;
  position: fixed;
  padding: 12px;
  top: 20%;
  left: 50%;
  z-index: 10000;
  border-radius: 5px;
  box-shadow: 0, 0, 8px, #111;
}

我有一个item类和一个紧凑的"修饰符"类:

.item { ... }
.item.compact { /* styles to make .item smaller */ }

这可以.但是,我想添加一个@media查询,.item当屏幕足够小时强制类紧凑.

首先想到的是,这就是我试图做的事情:

.item { ... }
.item.compact { ... }
@media (max-width: 600px) {
  .item { @extend .item.compact; }
}

但是这会产生以下错误:

你可能不会在@media中扩展外部选择器.您只能在同一指令中@extend选择器.

如何使用SASS完成此操作而无需使用复制/粘贴样式？

有没有办法在css中设置全局变量,例如:

@Color1 = #fff;
@Color2 = #b00;

h1 {
  color:@Color1;
  background:@Color2;
}

这是我的代码:

<div class='some' style='position: absolute; left: 300; top: 300;'>..</div>

它仅解析style='position: absolute',不解析其他样式.我怎样才能做到这一点？

我有一个<button>带有超链接标签的内容,如下所示:

<button class="btn"><a href="#"></a></button>

这在Chrome和Safari中运行良好,但在Firefox中不起作用(测试版本20).

怎么了？

我正在尝试使用基于SASS和COMPASS的jqtouch主题.我有一个文件custom.scss,其中包含最简单的代码,一个导入和一个要覆盖的变量:

@import 'jqtouch';

// Override variables
$base-color: #fe892a;/* The default base which is later used for toolbar, list, and button backgrounds.*/

当我现在将scss文件编译为css时,它基本上只用我的文件名生成jqtouch css.颜色规范无处可见,尽管变量是每个文档(官方指南)和jqtouch.scss文件中的definitley正确,我导入用于costumizing.

我在Windows机器上运行Sass 3.2.9和Compass 0.12.2.

我已经尝试了更多的变量和不同的文件导入,但结果总是,我的覆盖值没有合并.

指南针的ruby配置文件似乎是不可靠的.

有没有人知道过程中出了什么问题,以便忽略我的覆盖值？

Ruby dabbler/newbie在这里不熟悉生态系统,如果这是其中一个超级问题,那么道歉.

有没有办法查看gem安装的所有文件和/或源代码？也就是说,我跑了

$ gem install sass

而sass gem现在是我本地系统的一部分

$ gem list --local
...
sass (3.1.16, 3.1.2)
...

我想知道gem install命令对我的系统的影响.是否有命令我可以运行以查看gem安装的所有文件？

一些google搜索后,man gem和gem help commands,我发现了contents命令.

$ gem content sass

但是,当我使用前面提到的sass gem运行此命令时,我得到以下结果

.../.rvm/gems/ruby-1.9.2-p180/gems/sass-3.1.16/test/sass/engine_test.rb
.../.rvm/gems/ruby-1.9.2-p180/gems/sass-3.1.16/test/sass/functions_test.rb
.../.rvm/gems/ruby-1.9.2-p180/gems/sass-3.1.16/test/sass/extend_test.rb
.../.rvm/gems/ruby-1.9.2-p180/gems/sass-3.1.16/test/sass/logger_test.rb
.../.rvm/gems/ruby-1.9.2-p180/gems/sass-3.1.16/test/sass/css2sass_test.rb
.../.rvm/gems/ruby-1.9.2-p180/gems/sass-3.1.16/test/sass/conversion_test.rb
.../.rvm/gems/ruby-1.9.2-p180/gems/sass-3.1.16/test/sass/script_test.rb
.../.rvm/gems/ruby-1.9.2-p180/gems/sass-3.1.16/test/sass/util/subset_map_test.rb
.../.rvm/gems/ruby-1.9.2-p180/gems/sass-3.1.16/test/sass/util/multibyte_string_scanner_test.rb
.../.rvm/gems/ruby-1.9.2-p180/gems/sass-3.1.16/test/sass/callbacks_test.rb
.../.rvm/gems/ruby-1.9.2-p180/gems/sass-3.1.16/test/sass/importer_test.rb
.../.rvm/gems/ruby-1.9.2-p180/gems/sass-3.1.16/test/sass/scss/css_test.rb
.../.rvm/gems/ruby-1.9.2-p180/gems/sass-3.1.16/test/sass/scss/scss_test.rb
.../.rvm/gems/ruby-1.9.2-p180/gems/sass-3.1.16/test/sass/scss/rx_test.rb
.../.rvm/gems/ruby-1.9.2-p180/gems/sass-3.1.16/test/sass/util_test.rb
.../.rvm/gems/ruby-1.9.2-p180/gems/sass-3.1.16/test/sass/script_conversion_test.rb
.../.rvm/gems/ruby-1.9.2-p180/gems/sass-3.1.16/test/sass/less_conversion_test.rb
.../.rvm/gems/ruby-1.9.2-p180/gems/sass-3.1.16/test/sass/cache_test.rb
.../.rvm/gems/ruby-1.9.2-p180/gems/sass-3.1.16/test/sass/plugin_test.rb
.../.rvm/gems/ruby-1.9.2-p180/gems/sass-3.1.16/bin/sass
.../.rvm/gems/ruby-1.9.2-p180/gems/sass-3.1.16/bin/sass-convert
.../.rvm/gems/ruby-1.9.2-p180/gems/sass-3.1.16/bin/scss

但是,这个列表似乎不完整,因为我知道有文件

.../.rvm/gems/ruby-1.9.2-p180/gems/sass-3.1.2/lib/

为什么不contents显示文件lib？

gem安装程序是否可以在gems文件夹之外安装文件？

是否有一个命令可以显示由gem安装的所有内容？