sass相关内容

Susy：根据屏幕大小更改列数

在Compass / Sass插件中， Susy ，您可以在_base.scss文件中设置列数。 对于桌面视图，我喜欢有12列。但是，移动视图的列过多。是否有方法可以更改移动显示的列数？ （我进行了响应式网页设计，因此桌面版和移动版网站将共享相同的_base文件）。 谢谢！ 解决方案 > UPDATE： Susy 1.0现在具有使用 at-breakpoint mixin内 ..

发布时间：2017-01-20 18:33:56 css sass susy-compass 前端开发

为什么image-path在scss中没有解决？

在我的应用程序中，我有一个scss文件，由一个宝石，居住在我的应用程序项目文件夹中的gem文件夹外侧 ，我有图像的路径正确，像这样:(从元素检查器在chrome复制） media =“all” .social-share-button-twitter { display：inline-block; width：16px; height：16px; background ..

发布时间：2017-01-20 18:32:02 css heroku ruby-on-rails-3.2 sass 前端开发

如何使用Compass（SASS）在Chrome中使用CSS源映射

事情是，我试图获得CSS映射工作与我的Compass项目在Chrome（v38，OS X）所以它重新加载我的CSS，而不需要重新加载页面。 我按照此 https://developer.chrome.com/devtools/docs / css-preprocessors 以及此 http：// www .sitepoint.com / using-source-maps-debug-sa ..

发布时间：2017-01-20 18:22:26 css google-chrome sass google-chrome-devtools compass 前端开发

susy 2.0在断点处更改列

我没有使用指南针 我更喜欢使用Breakpoint.scss 2.0 我知道有很多与此问题的帖子，但我有0运气发现任何 Breakpoint.scss 和 Susy 2.0 。 @import“susy”; @import“breakpoint”; $ medium：800px; $ susy：（ columns：6， gutters：3/4， gutt ..

发布时间：2017-01-20 18:12:31 css responsive-design sass breakpoint-sass susy-sass 前端开发

Grunt LiveReload真的很慢

这可能是我的无效设置的影响，而不是grunt / livereload的问题。 这是我的grunfile.js中的观察测试： 手表：{ 图片：{ 文件：['images / ** / *。{png，jpg， gif}'，'images / *。{png，jpg，gif}']， tasks：['imagemin']， options：{ spawn：false } }， js ..

发布时间：2017-01-20 17:57:30 css sass gruntjs 前端开发

转换“长阴影” SASS mixin更少

我尝试重写sass mixin以生成长文本阴影 http：/ /codepen.io/awesomephant/pen/mAxHz 减少mixin .long -shadow（@type，@color，@length，@fadeout：true，@skew：false，@direction：right）{ @shadow：''; .if @skew == fals ..

发布时间：2017-01-20 05:13:04 css css3 sass less 前端开发

Sass --compass --watch错误：无法加载指南针

我使用sass和指南针，并尝试使用新的sourcemap功能，因为Chrome 27需要sourcemap的新方法在chrome控制台面板中显示实际的sass文件和行号。 我可以运行以下sass命令 sass --sourcemap --watch style.scss：style.css 但是如果我添加 - compass 参数，如下面的 sass --compass --sourc ..

发布时间：2017-01-20 05:08:30 css gem sass compass-sass 前端开发

罗盘省略语法

我觉得自己像个白痴，但我真的不知道。 我正在使用 John Long 的Sass Twitter Bootstrap转换常规Twitter Bootstrap项目。位于 GitHub 每当我编译时得到以下错误： 错误sass / bootstrap.scss（sass / bootstrap的第246行/ _mixins.scss： CSS之后的“...- shadow（$ s ..

发布时间：2017-01-20 04:50:51 css twitter-bootstrap compass-sass sass 前端开发

SCSS变量作为@extend类

我的想法是，我想为 input [type = text] ， input [type =“password”] / code>和 input [type = submit] 。然后，我将 @extend 他们在mixin中传递作为一个变量。 我的解析器抛出此错误; 语法错误：无效CSS after“@extend”：expected selector_sequence，was“$ t ..

发布时间：2017-01-20 04:46:42 css sass 前端开发

使用sass的媒体查询

我收到使用媒体查询混合编译我的sass文件的错误。我按照几个教程，但它不会编译。我使用 Sass 3.3.0.alpha.67（Bleeding Edge）。 / *包含在结尾* / @mixin mobile-only { @media（max-width：320px）{ @content; } } / *包含在我的sass的其余部分是* / body {@inc ..

发布时间：2017-01-20 04:41:14 css sass css-preprocessor 前端开发

SASS / SCSS @extend规则选择器

我对@extend规则有一点问题，这是我得到的（关注h1）： .content-header { // CSS属性 h1 { // CSS属性 } } 。 header { // CSS属性 h1 { @extend .content-header h1; //我的选择器问题！ //和他自己的CSS属性 } } 所以它将是： .cont ..

发布时间：2017-01-20 04:07:52 css sass 前端开发

SASS抛出BEM语法的错误

我只是想在SASS中使用“modifier”和“element”BEM语法。 .second- title { background-color：green; & - touching { background-color：black; } & __ left { background-color：red; } } CSS文件正确编译，但当我 ..

发布时间：2017-01-20 03:59:42 css sass bem 前端开发

Sass：在SCSS中使用两个@each列表

在我的CSS中，我必须创建引用“头发颜色”和“发型”的类。 我写了一个mixin来帮助我写CSS更高效： @mixin发型（$ hair，$ color）{ .hair - ＃{$ color} 。＃{$ hair} { background：image-url（“xsppsfhair＃{$ hair}＃{$ color} .svg”）中心顶部没有重复， image-url（ ..

发布时间：2017-01-20 03:49:56 css sass compass-sass css-preprocessor 前端开发

SASS变量和继承

假设我有两个几乎完全相同的HTML结构，但是具有不同的 class 名称。它们只有一些变量不同，例如 width 和 height 。通过使用SASS / SCSS变量，我想我可以这样做： .widget -a { $ width ：50px; } .widget-b { $ width：100px; } .widget-a， .widget-b { butto ..

发布时间：2017-01-20 03:46:44 css sass nested 前端开发

Sass：用@for循环改变颜色

我尝试使可变数目的div变暗，例如 代码： @mixin color-divs（$ count，$ baseName，$ startcolor）{ $ color：$ startcolor; @for $ i从0到$ count { $ color：darken（$ color，9％）; ## {$ baseName} _＃{$ i} {background-color：$ ..

发布时间：2017-01-20 03:39:47 css for-loop sass 前端开发

Ruby field_with_errors不会@extend .control-group .error

好的。我不能想出这一点。问题是 @extend 在css中不工作。我有css： @import“bootstrap”; .field_with_errors { @extend .control-group; @extend .error; } 它不突出显示具有div类 .field_with_errors 。我不知道为什么，它的工作我的其他应用程序。如果 ..

发布时间：2017-01-20 02:40:56 css twitter-bootstrap sass 前端开发

SASS循环以输出具有唯一编号和背景图像的类

我偶然发现了一个SASS循环非常好的情况。我有一个 的加载，每个都有一个唯一的类遵循 .band-（number） / code>，我的HTML的简化版本将看起来像这样... 等 ..

发布时间：2017-01-20 02:03:37 css loops sass 前端开发

如何设置一个变量从辅助方法包含在SASS SCSS样式表？

我有一个帮助方法来检索我需要进入SASS scss样式表的字符串。如果我在视图中调用该方法工作正常，但似乎sass是想要一个变量。似乎如果我试图在控制器中设置一个var，认为这是最初的正确方法，我不能看到var任何地方。 如果没有，如果没有， 可能你可以提供一个例子，在一个最初来自辅助方法的sass scss样式表中正确地获取变量。 解决方案 将SASS文件重命名为 fooba ..

发布时间：2017-01-20 02:00:01 ruby-on-rails css ruby-on-rails-3 sass 前端开发

指南针，添加导入路径

要在多个目录中编译.scss文件，我们需要使用“add_import_path”（http://compass-style.org/help/tutorials/configuration-reference/），但我不知道如何。 我已尝试添加 additional_import_paths add_import_path“_themes” add_import_path =“ ..

发布时间：2017-01-20 01:55:08 css sass compass-sass 前端开发

“position：fixed”边栏的宽度以百分比设置？

我已成功使用美丽的 Susy网格系统来创建类似于 WebDesignerWall.com： 我无法实现的是一个 position：fixed sidebar。 当页面滚动并停留在同一位置时，这是非常方便的（无论如何，你实际上不能把更多的内容到侧边栏，因为它会在一个狭窄的窗口的页面顶部杂乱）。 我的布局疯狂每当我应用位置：固定到列： 彩色块被声明为三列宽，但是当 positi ..

发布时间：2017-01-20 01:28:01 html css sass susy-compass 前端开发