Tag: 上海社会科学院

Mixin，函数和variables名称的Sass插值: 我试图循环访问Sass中的值列表，并使用当前键的插值来dynamic输出分别使用@include和@extend的类名称。这是一个显示问题的笔，简化。 http://codepen.io/ghepting/pen/vBmLy 正如你在标记中看到的那样，我已经尝试在内插string的内部以及外部包括“_”。有什么我错过了Sass支持插值的这个限制吗？（注意：OP的笔已经消失了，这不是在笔中find的原始代码，而是大概的问题） $error-light: red; $error-dark: darken(red, 10%); $success-light: green; $success-dark: darken(green, 10%); $dialogs: error, success; @each $d in $dialogs { .#{$d} { background: $#{$d}-light; } }

Sass .scss：嵌套和多个类？: 我为我当前的项目使用Sass（.scss）。下面的例子： HTML <div class="container desc"> <div class="hello"> Hello World </div> </div> SCSS .container { background:red; color:white; .hello { padding-left:50px; } } 这很好。我可以使用嵌套样式处理多个类。在上面的例子中，我正在谈论这个： CSS .container.desc { background:blue; } 在这种情况下，所有div.container通常是red但div.container.desc将是蓝色的。我怎样才能将这个内部container与Sass嵌套？

Sass – 操纵inheritance的属性？: 在Sass中，是否有可能操纵已经inheritance的给定元素的值？我的目标是这样的： body color: blue .warning color: red strong color: darken(inherit,20)

用Sass将父select器追加到最后: 好吧，假设我有以下传统的CSS .social-media { /* … */ } .social-media .twitter { /* … */ } .social-media .facebook { /* … */ } ul.social-media { /* … */ } 所以，我试图用SCSS这样做： .social-media { /* … */ .twitter { /* … */ } .facebook { /* … */ } // Here's the problem: ul& { /* … */ } […]

编译SCSS时误报为“未定义variables”错误: 使用ruby compass gem编译我的SCSS时得到错误信息。 run: /var/lib/gems/1.8/gems/compass-0.12.2/bin/compass compile out: unchanged sass/partial/grid.scss out: error sass/partial/catalog.scss (Line 5: Undefined variable: "$paragraphFont".) out: create css/generated/partial/catalog.css out: create css/generated/partial/base.css out: overwrite css/generated/screen.css 我的screen.scss像这样导入部分： @import "partial/base"; @import "partial/catalog"; 在我的base部分我有$paragraphFont定义。 $paragraphFont: 'Lucida Sans', arial; $regularFontSize: 14px; 并在catalog.scss我使用它： .product-view #price-block { p { font-weight: normal; font-family: $paragraphFont; …. } } 奇怪的是，CSS编译得很好， $paragraphFont填充正确。所以我不知道为什么编译器抱怨我有关错误。

在SCSS文件中导入常规CSS文件？: 有无论如何用Sass的@import命令导入一个常规的CSS文件？虽然我没有使用sass的所有SCSS语法，但是我仍然喜欢它的组合/压缩功能，并希望能够使用它，而无需将所有文件重命名为* .scss

在Sass中添加一个单位到一个数字: 我正在尝试创建动态值，但迄今为止失败了。创建的像素值似乎失去了在计算中使用的能力。 $numericValue: 30; $pixelValue: $numericValue+px; // also tried $pixelValue: #{$numericValue}px; $calc: $pixelValue * 2; // also tried $calc: unquote($pixelValue) * 2; 这会引发一个错误语法错误：未定义的操作：“30px times 2”