草庐IT

css-sprites

全部标签

ruby-on-rails - stylesheet_link_tag(:all) generates reference to `all.css` on Heroku

我的布局中有stylesheet_link_tag(:all)。即使在生产环境中运行它(railss-eproduction),它在本地机器上的表现也如预期。我所说的预期是指它发出所有指向现有样式表的链接,而不将它们连接到all.css中,并且它不发出指向all的链接。CSS.但是当我将它部署到Heroku时,结果是一样的,并且在开头添加了一个指向all.css的链接。这是我不想要也不期望的,尤其是当本地机器上的生产环境不发出它时。所以问题是如何在不手动指定所有文件的情况下摆脱Heroku上的all.css链接?谢谢。 最佳答案 H

css - 如何让我的背景图片只出现在 rails 4 的一页上?

我有一张背景图片,我无法只停留在一页上。我制作了一个带有一个主视图的欢迎Controller来显示它。我也在预编译我的Assets。背景显示得很好,但我的目标是只在我的home.html.erbView中显示背景图像。欢迎/home.html.erb:"lang="">title欢迎Controller:classWelcomeController样式表/welcome.css.scss:body{background:{image:asset-url("image.jpg");}}我的应用程序布局中有以下内容:在config/initializers/assets.rb中:Rails

ruby - 如何使用 SASS 解析 .scss 文件中所有 CSS 选择器的列表?

我想以编程方式解析.scss文件以生成该文件中使用的选择器的平面列表,主要作为某些静态代码分析的基础。在SASS术语中,我正在寻找一种方法来获取给定.scss文件的所有Sass::Tree::RuleNode的列表。到目前为止,我正在使用Sass::Engine.for_file创建树。然后,根据文档,为了在各个节点上使用Sass::Tree::RuleNode.resolved_rules,我必须使用Tree::Visitors::Cssize。但是某处有一个(可能很简单的)错误。require'sass'sass_engine=Sass::Engine.for_file('file

ruby-on-rails - 如何在 rails 中自定义设计表单 css

命令railsgeneratedevise:views成功在\app\views\users下创建文件夹我想自定义设计表单,但不确定是将css放在application.css中还是我需要单独创建user.css.scss。在谷歌上搜索了一下并检查了git文档,但没有一个是在设计中指定CSS处理。告诉我正确的处理方式 最佳答案 Devise将使用您的默认布局。因此,您在views/layouts/application.html.erb中使用的CSS将在您生成的设计View中使用。如果您想要设计特定的布局,您可以创建一个views/

css - 使用 Compass/Sass 删除附加到 Sprite 文件名的随机字符串

我最近一直在使用Compass和Sass来做一些CSSspriting,因为它非常有用。但是,文件名总是附加一个随机字符串。例如。图标-s5eb424578c.png。而且我不希望附加这个随机字符串,因为这意味着每次发生更改时我都需要上传新的CSS文件和新的Sprite图像。那么,有人知道Compassgem目录中哪个Ruby或其他配置文件附加了这个随机字符串吗?然后我可以只注释掉那个位的代码。除非我缺少官方变量,否则我可以在Compass中设置以告诉它我不想附加此字符串?提前感谢您对此提供的任何帮助。 最佳答案 尝试将这些行添加到

css - 从 ruby​​ Controller 有条件地设置 CSS 样式

我正在尝试动态更改(如果它被点击)一个普通的表头(这是一个链接)到另一个定义的CSS类“th.hilite”。此链接只是对该列进行排序,每次用户对列表进行排序时,标题都应该突出显示。应该更改相关类的View,如下所示:%table#mytable%thead%tr%th=link_to'Title',mytable_path(:sort=>'title'),:id=>'title_header'我的问题很简单:如果单击标题,我如何以及在何处将类动态设置为%th.hilite? 最佳答案 您可以直接从View绑定(bind)它:%th

css - Ruby/Rails - 在 css 中使用转义 uri

在我的应用程序中,用户上传了一张图片,然后我将其放在S3上。该图像稍后用作div的背景,使用以下样式div#id{background:url('')no-repeat;}创意网址类似于:http://myhost.s3-website-us-east-1.amazonaws.com/27/display/608-(rec'd_021014)_user_image.jpg?1392767029如上所述,问题在于creative.url可以包含特殊字符(引号、括号等),并且根据http://www.w3.org/TR/CSS2/syndata.html#value-def-uri,它需要

css - 如何验证 scss

我有一个scss文件,我用scss把它编译成一个css文件。scsstocss编译器检测到scss文件中的错误,但似乎过于宽容。也就是说,即使我输错了样式属性的名称,它也可以毫无错误地编译。当scss文件中有一个style属性在css3或导入的特性中不存在时,有没有办法让它返回错误?也有可能为样式写入无效值,但我知道这更复杂,我不是要求这样做。 最佳答案 有一个RubywrapperW3CCSSValidator周围因此您可以编写一个简单的脚本来检查scss的输出css。我还找到了this与Compass集成所以如果你使用Compa

ruby-on-rails - Rails Assets 管道中的动态 CSS,即时编译

我正在使用Rails3.2构建站点。我接触Rails或Ruby已经3年了,所以我对两者都生疏了,加上我最后一次使用Rails是Rails2.3。不用说,请原谅下面的任何“简单”问题。这是规范MultiTennantCMS/商店网站http://company1.mywebsite.comhttp://company2.mywebsite.com等等每个“商店”(又名子域)都可以通过CSS定制拥有自己的外观、感觉等自定义可以在应用程序的UI中执行,允许用户更改Bootstrap的基本变量(即@textColor、@bodyBackground等)我将less-rails-bootstra

ruby-on-rails - 如何使用 rails 3.1 覆盖 Zurb Foundation css 属性?

大家好,我正在开发一个新的Rails应用程序,我刚刚开始使用Foundation。我是用安装的railsgfoundation:install一切都按预期工作(我的意思是我可以在我的源代码中看到css,还有它的视觉效果;p)我只是不明白如何覆盖ZurbFoundation的默认属性...我在网上看到我应该编辑一些foundation.css或app.css但我的应用程序文件夹中似乎没有任何类似的文件....我通过编辑gemfile然后进行捆绑安装来完成安装。干杯 最佳答案 是的,如果您对app/assets/stylesheets/