草庐IT

CSS 渐变

全部标签

ruby - 使用 HAML 包含 CSS 和 javascript 标签的简短方法

当在HAML中包含javascript或CSS时,您通常必须执行以下操作以包含CSS:%link{:type=>"text/css",:rel=>"stylesheet",:href=>"/css/mycss.css"}对于javascript:%script{:type=>"text/javascript",:src=>"/js/myscript.js"}我想知道HAML是否没有包含这些标签的简短方法(当然是从源获取内容,而不是内联),它省略了对type和的需要rel属性,因为它们无论如何都是不变的。请注意,RubyonRails通过函数提供此功能,但我没有使用rails。

css - Sass 和 Compass 中的背景图片路径

这个在config.rb文件中有提到images_dir="images"我在images文件夹中的元素中使用2个文件夹存放图像imagesimages/background/images/content/如果images/background/文件夹中有任何图像,那么我应该如何在cssbackground和Sass变量中添加图像路径?$header-img:"sass.gif";和background-image:url('sass.gif?1327592426');以及如何从每个背景图像中删除这个自动生成的?1327592426? 最佳答案

css - Rails - @import 和 *= require 之间的区别?

所以我有一个相对简单的Rails应用程序,我想通过Bootstrap向它添加一些Material设计样式。我已将以下gem添加到我的Gemfile中:gem'bootstrap-sass'gem'bootstrap-material-design'现在它们都可以工作了,我的问题是为什么我似乎必须以不同的方式将它们添加到我的应用程序中。对于vanillaBoostrap,我只是像正常一样将它导入特定View(我认为这是正确的术语)scss文件。@import"bootstrap-sprockets";@import"bootstrap";但是对于MaterialDesigngem,我必须

ruby-on-rails - 为 Rails 中的邮件将外部 CSS 转换为内联 CSS

我正在尝试创建一个应用程序,该应用程序将发送样式繁多的电子邮件并要求客户端在Google的Gmail之外工作。我研究了这个问题,看起来Gmail从外部文件或嵌套在“样式”标签中的CSS中删除了CSS。是否存在将样式从外部文件移动到内联样式的简单方法?需要的东西:.wide{width:100px;}.cell{display:block;}Sample并将其转换为:Sample谢谢! 最佳答案 这里有一些您可以查看的精华:premailer或premailer-rails用于railsmail_stylepremailerplus(

css - 有没有办法用 Selenium 测试响应式 CSS?

我公司的开发人员已将我们的网站实现为CSS响应式,但我对如何利用Selenium来测试他们的工作感到困惑。我一直在将SeleniumWebDriver(Selenium2)与Ruby一起用于其他方面。在网上做了一些研究后,我遇到了多种工具,但没有一个值得自动化,因为它们..aaa...只是用于手动检查不同屏幕尺寸的网络工具。一些例子-DeviceTestingforResonsiveCSSLayouts(Manual)ResponsinatorResponsive.isResponsivepx(控制越多越好)但我可以使用Selenium以及使用sel2/ruby非常轻松地实现上述目标@

订购的列表allign像CSS和HTML中的其余部分一样

我需要列表中的1.5.2.1也像其他人一样被授予,我在做什么错?请帮助我调整CSS代码以对齐订购的列表缩进,如1.5.2.1所示,我不知道我在做什么错。ol{counter-reset:item;padding:0;margin:0;margin-left:20px!ie7;}ul{margin:0;padding:0;list-style:none;}lispan,li{display:block;overflow:hidden;}li:before{display:block;position:relative;content:counters(item,".")".";float:lef

ruby-on-rails - 是否有 Ruby on Rails 布局/CSS 存档?

有人知道有一堆RubyOnRails布局/CSS组合的地方吗?我正在开始新的应用程序,并希望给它们不同的外观,但我不是设计师,所以我很乐意为初学者使用其他人的免费布局/css。 最佳答案 查看TwitterBootstrap用于网络应用程序的html/css/javascript框架。 关于ruby-on-rails-是否有RubyonRails布局/CSS存档?,我们在StackOverflow上找到一个类似的问题: https://stackoverflo

ruby - 你如何在 rspec/capybara 中测试一个 div 是否具有特定的 css 样式?

如何测试一个div标签是否具有特定的css样式?我正在尝试测试它是否有display:none;或display:block。我尝试了以下但它给了我一个错误:it{shouldhave_selector('signup_server_generic_errors',/display:\s*none/)} 最佳答案 我建议您不要尝试定位css样式,而是编写测试来查找css类名。通过这种方式,您可以更改底层的css样式,同时保持类不变,您的测试仍然会通过。搜索底层样式很脆弱。风格经常变化。将你的rspecs建立在寻找特定样式元素的基础上

ruby-on-rails - 带有 Bootstrap 的带有 kaminari 的自定义 css

我尝试将分页与kaminari结合使用。我的项目使用了bootsrapcss,结果太丑了:)html由nokogiri生成«First‹Prev1234Next›Last»我想在Bootstrap页面中使用类似分页的功能,我该怎么做?请帮忙! 最佳答案 在我发布这个问题后,我找到了解决方案:kaminari:AScope&Enginebased,clean,powerful,customizableandsophisticatedpaginatorforRails3.只需转到控制台并输入:railsgeneratekaminari:

Ruby/Sinatra - 提供 css、javascript 或图像文件

通过Sinatra路由您的请求的正确方法是什么,以便它在不进行任何处理的情况下提供文件?我正在寻找人们在Sinatra框架中执行此操作的最常见方式?我通常将所有静态内容放在“内容”路径中。例子:/内容/CSS/内容/图片/内容/js如何使用通配符提供内容下的所有内容?我很惊讶这里没有这样的真实例子:http://sinatra-book.gittr.com/ 最佳答案 Sinatra和Rails对静态内容使用路径public-例如,./public/javascripts/。这些路径中的所有文件随后将由Web服务器(例如Thin、P