Tag: css

可以在Rails中使用stylesheet.css.erb吗？: 嘿，我是Rails和Ruby的新手。我想知道是否可以使用嵌入式ruby css文件（css.erb），类似于使用html.erb文件进行查看。例如，我正在使用链接到public / stylesheets中的main.css文件，但是当我将文件扩展名从main.css更改为main.css.erb时，它不再呈现css .. 这甚至可能，还是有更好的方法？

Rails I18n的CSS文件: 我正在尝试将我的网站国际化，有一件事是为不同的语言使用不同的字体大小。还需要替换一些文本图像。我认为唯一的方法是在公共文件夹中添加其他特定于语言环境的CSS文件，并根据我视图中的语言环境加载它们。这可以避免资产管道编译这些特定的CSS文件。但是我想知道是否有更好的方法来做到这一点？

如何在Rails 3.2.1中使用特定于控制器的样式表？: 使用Rails 3.2.1 我使用命令创建了一个名为Home的简单控制器： rails g controller Home index 它为我创建了一个新的控制器和视图：注意有两个样式表，一个是“应用程序”，另一个是“主页”。我找不到任何文档来支持这个假设，但我猜你把样式只应用于Home.css.scss文件中的“Home”视图，对吗？因此，作为测试，我在Application.css.scss.erb中添加了一些全局样式并运行了应用程序。样式按预期应用。接下来，我在Home.css.scss文件中添加了一些规则，并访问了“Home / index”视图，但该文件中的样式未附加，既不作为单独的CSS引用链接，也不附加到单个Application.css.scss文件。这对我来说非常困惑，因为评论说： // Place all the styles related to the Home controller here. // They will automatically be included in application.css. // You can use Sass (SCSS) here: http://sass-lang.com/ 为什么Home.css.scss中写的规则不适用于我的网站？

pdfkit没有样式pdf: 我有一个使用pdfkit创建pdf文档的rails 3.1应用程序，除了生成的pdf没有任何样式这一事实外，一切都按指定的方式工作。我假设wkhtmltopdf无法访问我的样式表，并且它不是一个更大的问题。有人会知道如何允许访问这些样式表吗？我基本上已经关注了这个主题的railscast＃220，但是我不得不创建一个新的初始化程序来使pdfkit与rails 3.1一起使用。这是我必须使用的初始化程序，以使pdfkit与rails 3.1一起使用 ActionController::Base.asset_host = Proc.new { |source, request| if request.env[“REQUEST_PATH”].include? “.pdf” “file://#{Rails.root.join(‘public’)}” else “#{request.protocol}#{request.host_with_port}” end } pdf的链接如下所示： “pdf”) %> 这将为我提供一个没有样式的pdf链接。在我的application.rb中，我已经配置了pdfkit： config.middleware.use PDFKit::Middleware, :print_media_type => true 我还将此添加到我的layouts / application.html.erb文件中： “all” %>

在rails应用程序中处理动态css的最佳方法: 我正在研究在rails应用程序中处理动态css的问题。在应用程序中，个人用户和/或用户组可以通过CSS实现自定义外观。没有任何固定数量的“外观”或css文件，数量将随着用户和组数量的增长而增长，并且用户通过应用程序的管理界面定义外观。在整个典型的一天中，将提供数千（不是数万）不同的css变体。该应用程序将预先构建的CSS存储在mongodb中，因此它不必为每个请求支付构建css的代价，问题更多的是如何提供这个动态css内容的最佳方式。我已经看到了其他问题，如[这一个] [1]，说使用erb或sass，但其中一些答案已经过了几年，所以我想确保Rails 3没有更好的答案。

资产管道未定义变量SASS: 我一直在尝试使用http://startbootstrap.com/stylish-portfolio并在下载所有文件并复制到目录后，我在部分_bordered-pull上收到以下错误： ActionView::Template::Error (Undefined variable: “$fa-css-prefix”. 但是，变量已定义，我正在导入（或至少尝试）部分变量。我的资产/样式表目录如下： –application.css.scss –bootstrap.css.scss –font-awesome.css.scss.erb –stylish-portfolio.css.scss –|font-awesome –_bordered-pulled.css.scss –…(other partials) –font-awesome.css.scss Application.css.scss： /* * This is a manifest file that’ll be compiled into application.css, which will include all the files * listed below. * * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, * or vendor/assets/stylesheets of plugins, […]

Rails 3.1按特定顺序加载css: 我看到在rails 3.1的开发环境中，css是按字母顺序加载的，而不是按照我想要的顺序加载。我想要一个特定的css文件在最后，所以它覆盖了之前给予类的任何样式。我们怎样才能做到这一点？

修改twitter bootstrap导航栏: 我一直试图修改twitter bootstrap导航栏，此刻所有链接都对齐到左边，当我真正喜欢的是将它们置于中心位置时。在另一篇文章中我读到你使用它 .tabs, .pills { margin: 0 auto; padding: 0; width: 100px; } 但这对我不起作用我需要在css中更改以实现此目的，我理解我将修改后的CSS放在引导程序和覆盖中。任何帮助赞赏这是我的标记布局/应用 Newbridges 我也尝试过这个 .nav > li { float: none; display: inline-block; *display: inline; /* ie7 fix */ zoom: 1; /* hasLayout ie7 trigger */ } .nav { text-align: center; }

如何将自定义字体添加到Rails应用程序？: 我有一些我想在我的RoR应用程序中使用的字体，但它们的格式主要是.ttf和.otf等。我如何在Rails应用程序中嵌入这些文件？也就是说，一旦我把它们放在我的资源文件夹中，我将它们嵌入我的CSS和/或LESS文件的语法究竟是什么？编辑：这是我现在的代码： @font-face { font-family: Vow; src: url(‘/assets/Vow.otf’); } h1 { font-family: Vow; text-align: center; } 它似乎对我不起作用。 Rails控制台中的输出类似于： ActionController::RoutingError (No route matches [GET] “/assets/Vow.otf”) 用Firebug检查页面说： downloadable font: download failed (font-family: “Vow” style:normal weight:normal stretch:normal src index:0): status=2147746065 source: http://localhost:3000/assets/Vow.otf

为什么此代码在我的所有页面上呈现背景图像，而不仅仅是我的索引操作？: 我试图只使我的索引操作呈现样式表/背景图像，但由于某种原因，背景图像也出现在所有其他页面上。我的欢迎控制器正在处理所有这些。布局文件名为background.css.scss。这是我的欢迎控制器： class WelcomeController < ApplicationController layout :resolve_layout def index end def show end def about end def testimonials end private def resolve_layout case action_name when "index" "background.css.scss" else "application" end end end 这是background.css.scss样式表： body { width: 100%; background: { image: asset-url(“sampleimage.png”); repeat: no-repeat; size: 100% auto; } } 索引视图： background-image: url()