sass相关内容

将时间戳添加到编译的sass / scss

是否可以使用SASS在已编译的CSS文件上自动添加时间戳记? eg / * CSS编译时间:{date + time} * / ...编译css在这里... 我检查了SASS和Compass文档,但没有提到这样的功能。 解决方案 我不知道有任何内置的SASS或指南针功能,但它不是太难添加一个自定义的Ruby函数来做。 (请参阅SASS中的“添加自定义函数”一 ..
发布时间:2017-01-20 01:26:22 前端开发

Sublime SFTP - 保存sass文件时上传编译的css

我在Sublime中开发html / css。我使用 sass 编写我的css,并使用Sublime的构建系统在文件保存时生成css文件。它还配置为使用 SFTP 插件保存时上传。 我的问题是生成的css文件不会被上传,因为这不是我直接保存的文件。我试图看看是否有一个方法SFTP插件上传所有已修改的本地文件,但它似乎不支持这一点。 有没有什么我可以做到这一点? 解决方案 我会把 ..
发布时间:2017-01-20 01:26:10 前端开发

如何在css或sass中别名类名

我可以为css类别建立别名吗? 我使用这个字体awesome,我试图为某些图标类创建别名。所以.icon-globe也会调用.globe。 如何完成这样的事情? 解决方案 没有别名。 Sass有 @extend 指令,但是解决方案在你查看源代码之前并不是很明显。 资料来源: https://github.com/FortAwesome/Font-Awesome/blob ..
发布时间:2017-01-20 01:01:13 前端开发

SCSS - 获取图像尺寸

我使用 inline-image 函数来创建图标类。这是我目前的SCSS: .folder { background:inline-image(“icons / home / png“,'image / png')no-repeat center; height:30px; width:41px; } $ b $ p 我正在寻找一个函数来确定图像的宽度和高度所以我 ..
发布时间:2017-01-20 00:42:13 前端开发

如何在Polymer组件中使用Sass

我目前使用Polymer作为我的前端开发框架。我喜欢SASS。 现在我明白我可以创建一个Sass文件,并像我通常那样导入。 但是,我真的习惯在我的web组件中使用样式标签。 基本上,我正在寻找的工作流程是能够简单地在我的Web组件中定义一个脚本标记可能添加type ='sass;到它。然后grunt通过和编译所有的SASS在这些标签,然后输出文件到我的.tmp目录。 像Grun ..
发布时间:2017-01-20 00:40:53 前端开发

Django管道,Heroku和SASS

我一直在尝试 django-pipeline 设置,以便我可以编译和连接我的资源。我也想从我的存储库中删除编译的css文件,以避免合并冲突的拉请求。 我一直在试图获得django管道编译文件作为部署过程的一部分,但不能想出这一点。我使用SASS编写我的CSS。我的管道设置如下: STATICFILES_STORAGE ='pipeline.storage.PipelineCached ..
发布时间:2017-01-20 00:20:21 前端开发

Sass @extend base / default不扩展伪类?

我知道我可以@extend .foo:hover,但是有一种方法@extend .foobar基础/默认属性,而不扩展伪类的定义,如:hover,:active,etc? 例如,如何更改以下内容,使.foobar仅扩展.foo的默认状态? .foo { & { color:blue; } &:hover { background-color:black; } } ..
发布时间:2017-01-19 23:46:27 前端开发

实时css / scss版本,带有meteor避免服务器重新启动

在使用meteor构建大型应用程序时,我们面临编辑样式表文件的常见问题。一旦文件被编辑,整个应用程序重新加载,每次做一点改变需要时间。大项目隐含地暗示复杂的css文件。为此,我选择使用sass来构造它们,并且在开发处理中更有效率。我正在寻找的是一个工作流程,我可以在编辑器中更改.scss文件,并在我的meteor应用程序中实时观看结果。 解决方案 这里是你需要的(它看起来很不错,但不要害怕 ..
发布时间:2017-01-19 23:46:14 前端开发

如何缩小Rails 4中的CSS?

我试过以下,但我看看CSS源,它不会缩小!我重新启动服务器几十次。我在浏览器中关闭缓存。我也试过了'yui-compressor'gem。 config / environments / development.rb config.assets.debug = false config.assets.css_compressor =:sass config.assets.co ..
发布时间:2017-01-19 23:43:11 前端开发

sass观看多个目录

从shell脚本中查看多个目录的正确方法是什么? 我在shell脚本中有以下内容: sass --style compressed --watch branches / mysite / assets / css / sass:branches / mysite / assets / css& sass --style compressed --watch branches / ..
发布时间:2017-01-19 23:01:27 前端开发

背景图片路径在Sass和指南针

这是在config.rb文件中提及的 images_dir =“images” 我对图片文件夹中的项目中的图片使用了2个文件夹 图片 图片/背景/ 图片/内容/ 如果任何图像在 images / background / 文件夹内,那么我应该如何添加图像的路径css background and Sass variables? ..
发布时间:2017-01-19 22:36:22 前端开发

将css媒体查询分组在一起有优势吗?

(这可能已经回答了 - 也找不到答案) 传统的@media查询覆盖倾向于将所有覆盖分组为一个大小/介质在同一支架组下。 例如 .profile-pic { width :600px; } .biography { font-size:2em; } @media屏幕和(max-width:320px){ .profile-pic { width:100px ..
发布时间:2017-01-19 22:08:26 前端开发

Aptana Studio 3代码帮助Sass(.scss)文件

我使用Aptana Studio 3,我想获得代码辅助功能为Sass(.scss)文件工作。如果代码辅助对Sass语法/声明不起作用,但是我想获得标准CSS声明的语法高亮和代码完成帮助。因此,例如,如果我输入“background”,我想编辑器显示语法,就像它为HTML。 我添加了一个新的文件关联首选项for .scss文件(从这里开始: https://wiki.appcelerator. ..
发布时间:2017-01-19 22:03:20 前端开发

创建CSS3通过线连接的圆

我必须在CSS中实现以下圆和线组合,我正在寻找如何有效地实现这一点的指针。圆形和线条应如下所示: 我可以这样实现圈子: span.step { background:#ccc; border-radius:0.8em; -moz-border-radius:0.8em; -webkit-border-radius:0.8em; color:#1f79cd; di ..
发布时间:2017-01-19 21:24:26 前端开发

:before和:after元素在img元素上

是否可以在img元素上使用psuedo选择器之前和之后?想到这是,但没有任何运气,将css切换到一个div,它工作正常。 .page-overhang 类是img元素。 // page overhang mixin @mixin overhang { &:before, &:after { position:absolute; left:0; display:block; ..
发布时间:2017-01-19 20:55:49 前端开发