Tag: sass

:之后和:在萨斯的伪元素select器之前

如何使用:before和之后的伪元素select器遵循Sass的语法,或者SCSS? 喜欢这个: p margin: 2em auto > a color: red :before content: "" :after content: "* * *" 当然,以上失败。

有没有SASS.js? 像LESS.js?

我之前使用过LESS.js。 这很容易使用,就像 <link rel="stylesheet/less" href="main.less" type="text/css"> <script src="less.js" type="text/javascript"></script> 我看到了SASS.js。 我怎样才能以类似的方式使用它? parsingSASS文件立即在HTML中使用。 看起来SASS.js更适合Node.js使用? var sass = require('sass') sass.render('… string of sass …') // => '… string of css …' sass.collect('… string of sass …') // => { selectors: […], variables: { … }, mixins: { … }}

有Sass的scss文件或语法着色插件的Eclipse编辑器吗?

我正在寻找一个插件/编辑器为eclipse语法高亮为.scss文件。 我发现这些资源有价值: http://sass-lang.com/editors.html只有.scss文件没有编辑.sass http://colorer.sourceforge.net/eclipsecolorer/只有.scss文件

SASS – 在多个文件中使用variables

我想保留一个中心.scss文件,它存储一个项目的所有SASSvariables定义。 // _master.scss $accent: #6D87A7; $error: #811702; $warning: #F9E055; $valid: #038144; // etc… 由于其性质,该项目将有大量的CSS文件。 我在一个位置声明所有项目范围的样式variables是非常重要的。 有没有办法在SCSS做到这一点?

如何解决“您需要安装Ruby和Sass,并在您的PATH中执行此任务”警告?

我正在build立一个新的Mac工作。 我在全球安装了Grunt&Grunt CLI。 然后,我做了一个npm install在一个项目文件夹内安装所有的依赖项。 到目前为止没有问题,但只要我试图运行sass:dist任务,我得到这个警告: Warning: You need to have Ruby and Sass installed and in your PATH for this task to work. More info: https://github.com/gruntjs/grunt-contrib-sass Use –force to continue. 我的理解是,我需要将Ruby和Sass安装在更全局的层面上才能运行此任务。 由于我在terminal上工作还很新,所以我做了一个快速的search,找出PATH是什么 – 看起来像是它存储重要数据的一些系统path(可以改变)。 这是否意味着我可以简单地做一个sudo grunt install contrib-sass -g来解决这个问题? 那么Ruby怎么样 – 我一直认为它已经安装在OS X上?

Sass – 将hex转换为RGBa用于背景不透明

我有以下的Sass mixin,这是对RGBa例子的一个完整的修改: @mixin background-opacity($color, $opacity: .3) { background: rgb(200, 54, 54); /* The Fallback */ background: rgba(200, 54, 54, $opacity); } 我已经申请$opacity确定,但现在我坚持与$color部分。 我将发送到mixin的颜色将是HEX而不是RGB。 我的例子使用将是: element { @include background-opacity(#333, .5); } 如何在这个mixin中使用HEX值?

包括SCSS中的另一个class级

我在我的SCSS文件中有这个: .class-a{ display: inline-block; //some other properties &:hover{ color: darken(#FFFFFF, 10%); } } .class-b{ //Inherite class-a here //some properties } 在b类中,我想inheritanceclass-a的所有属性和嵌套声明。 这是怎么做的? 我试过使用@include class-a ,但编译时只会引发错误。

是否有可能使用@import在sass中导入整个目录?

我使用SASS partials模块化我的样式表,如下所示: @import partials/header @import partials/viewport @import partials/footer @import partials/forms @import partials/list_container @import partials/info_container @import partials/notifications @import partials/queues 有没有一种方法来包括整个部分目录(这是一个目录充满SASS部分)像@import指南针或什么的?

什么是罗盘,什么是罗盘,他们有什么不同?

我想开始使用指南针和sass加快发展。 目前,我已经在Mac上安装了Sass,并指示它观看scss文件input,并生成输出的CSS文件。 从很多文章中,Sass和Compass一起使用,我想知道为什么会出现这种情况,Compass是如何增加Sass的function的? 如果你能举一个例子,那就更好了。 谢谢

萨斯 – 自动缩小?

有没有办法运行: sass –watch a.scss:a.css 但有一个a.css结果被缩小? 当我编译我的样式表时,我将如何避免运行一个单独的缩小步骤?