blueprint-css | 易学教程

What's the point of gutters in CSS grid frameworks?

阅读更多关于 What's the point of gutters in CSS grid frameworks?

I'm diving into web development and I'm playing with the Blueprint CSS framework, which includes a grid system, and I have a few questions. What's the point of gutters? Surely they're not used to include space between the columns because you can just use the margin CSS property for that, right? Or are gutters just an elegant way to manage margins? I don't want any space between my columns and would like to generate a grid layout that doesn't include gutters, but all the generator tools prevent me from having zero-width gutters. Why is that? It appears the suggested Blueprint CSS generator is

asset precompilation error from blueprint css - ActionView::Template::Error (blueprint/screen.css isn't precompiled) - Internal Server Error 500

阅读更多关于 asset precompilation error from blueprint css - ActionView::Template::Error (blueprint/screen.css isn't precompiled) - Internal Server Error 500

I'm trying to deploy a rails app but I'm stuck with an asset pre-compilation error. According to the production log the error is being caused by a 'Blueprint' css script called screen.css (as you can see in the error output below). However according to the production log, this asset does in fact get pre-compiled. I've tried explicitly adding screen.css and print.css to the precompile array, both in the application.rb and config/environments/production.rb files as follows config.assets.precompile = %w(screen.css print.css) but to no avail. I've also tried precompiling my assets locally and

What is the value of Compass for Rails 3.1?

阅读更多关于 What is the value of Compass for Rails 3.1?

问题 I'm trying to decide if I should include Compass when starting a new Rails 3.1 project. I haven't used Compass before. Rails 3.1 now supports SCSS directly. The Rails 3.1 asset pipeline (via sprockets) now compiles stylesheets automatically. And I can use a SCSS version of a CSS framework such as Blueprint directly. What benefits will I get from using Compass with Rails 3.1? 回答1: Bourbon (by Thoughtbot) is a light alternative to compass that integrates well with rails 3.1. It has the main

How does one load a CSS framework in Rails 3.1?

阅读更多关于 How does one load a CSS framework in Rails 3.1?

问题 I am trying to load a CSS framework, Blueprint, onto my Rails 3.1 application. In Rails 3.0+, I would have something like this in my views/layouts/application.html.erb: <%= stylesheet_link_tag 'blueprint/screen', 'application' %> <%= stylesheet_link_tag 'blueprint/print', 'media' => 'print' %>  However, Rails 3.1 now uses SASS. What would be the proper way to load these Blueprint CSS files? Currently, I have the blueprint

Sass Mixin Error for IE specific filters like -ms-filter

阅读更多关于 Sass Mixin Error for IE specific filters like -ms-filter

I'm trying to make a button mixin like this: =default_button(!lighter, !darker) :border= 1px !lighter solid :background-color #e3e3e3 :background= -webkit-gradient(linear, 0 0, 0 100%, from(!lighter), to(!darker)) repeat-x, #d0581e :background= -moz-linear-gradient(90deg, !darker, !lighter) repeat-x scroll 0 0 #d0581e :filter= progid:DXImageTransform.Microsoft.gradient(startColorstr='!lighter', endColorstr='!darker') :-ms-filter= "progid:DXImageTransform.Microsoft.gradient(startColorstr='!lighter', endColorstr='!darker')" :zoom 1 :margin 0 0 0 0 :width auto :padding 2px 14px 2px 14px :border

What is the value of Compass for Rails 3.1?

阅读更多关于 What is the value of Compass for Rails 3.1?

I'm trying to decide if I should include Compass when starting a new Rails 3.1 project. I haven't used Compass before. Rails 3.1 now supports SCSS directly. The Rails 3.1 asset pipeline (via sprockets) now compiles stylesheets automatically. And I can use a SCSS version of a CSS framework such as Blueprint directly. What benefits will I get from using Compass with Rails 3.1? Bourbon (by Thoughtbot) is a light alternative to compass that integrates well with rails 3.1. It has the main css3 mixins you get with compass (background-images, box shadow, border radius, gradients...). It also has

How does one load a CSS framework in Rails 3.1?

阅读更多关于 How does one load a CSS framework in Rails 3.1?

I am trying to load a CSS framework, Blueprint, onto my Rails 3.1 application. In Rails 3.0+, I would have something like this in my views/layouts/application.html.erb: <%= stylesheet_link_tag 'blueprint/screen', 'application' %> <%= stylesheet_link_tag 'blueprint/print', 'media' => 'print' %>  However, Rails 3.1 now uses SASS. What would be the proper way to load these Blueprint CSS files? Currently, I have the blueprint dir in app/assets/stylesheets/ My app/assets/stylesheets/application.css looks like: /* * This is a

Sass Mixin Error for IE specific filters like -ms-filter

阅读更多关于 Sass Mixin Error for IE specific filters like -ms-filter

问题 I'm trying to make a button mixin like this: =default_button(!lighter, !darker) :border= 1px !lighter solid :background-color #e3e3e3 :background= -webkit-gradient(linear, 0 0, 0 100%, from(!lighter), to(!darker)) repeat-x, #d0581e :background= -moz-linear-gradient(90deg, !darker, !lighter) repeat-x scroll 0 0 #d0581e :filter= progid:DXImageTransform.Microsoft.gradient(startColorstr='!lighter', endColorstr='!darker') :-ms-filter= "progid:DXImageTransform.Microsoft.gradient(startColorstr='

Hyperlinks showing URL with Blueprint

阅读更多关于 Hyperlinks showing URL with Blueprint

I just converted a site to Blueprint CSS today, and suddenly all my hyperlinks are showing their URL's in brackets, e.g. This hyperlink <a href="Products/List.aspx">Read more</a> Renders like this Read More (Products/List.aspx) I wonder if this might be related to one of the bundled plug-ins in Blueprint? ADDED: The link renders normally, i.e. the unwanted url part is being generated client-side. Folks have asked for source code, so here it is (irrelevant text removed): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Hyperlinks showing URL with Blueprint

阅读更多关于 Hyperlinks showing URL with Blueprint

问题 I just converted a site to Blueprint CSS today, and suddenly all my hyperlinks are showing their URL's in brackets, e.g. This hyperlink <a href="Products/List.aspx">Read more</a> Renders like this Read More (Products/List.aspx) I wonder if this might be related to one of the bundled plug-ins in Blueprint? ADDED: The link renders normally, i.e. the unwanted url part is being generated client-side. Folks have asked for source code, so here it is (irrelevant text removed): <!DOCTYPE html PUBLIC