A CSS framework that aims to cut down on your CSS development time

Is it Blueprint CSS framework out of date?

I want to use blueprint css framework but last version release was over year ago. Neither commits in Github repository. Has it being mantained?

Source: (StackOverflow)

HTML5 Boilerplate with blueprint css

I'm thinking of combining these two technologies for a new project.

Is this bad idea? Are there any recommended alternative grid systems to use with html5 boilerplate?

Source: (StackOverflow)


CDN for blueprint css framework

Does anyone know a free CDN for blueprint css framework

Source: (StackOverflow)

What’s the difference between 960.gs/Blueprint and LESS?

Ultimately, I like to code my own CSS. I hate it when I have to conform to someone else's naming conventions... especially when they have no real meaning. However, I am attracted to the fact that a mobile site is pretty much ready to go with a framework.

Now, I've seen several comparisons between 960.gs and Blueprint, but LESS is never involved in those debates. Why not? Am I missing something? To me, it seems that LESS does pretty much the same basic things.


Anyone care to discuss?

Source: (StackOverflow)

Is 960 more conducive to good design than Blueprint?

Comparing sites designed in 960 with sites designed using Blueprint, it seems to me the 960 sites are a lot sharper.

I don't know if this is a coincidence of the samples I'm looking at.

Or is there something about 960 that is more conducive to good design?

Source: (StackOverflow)

How to use a CSS Framework with Yesod?

I want to use the Blueprint CSS Framework with Yesod. Are there any best practices?

Because Yesod uses templates for CSS, it looks to me that I cannot use the .css-files directly? Do I have to rename them to .lucius-files?

How do I add the CSS to the defaultLayout?

Source: (StackOverflow)

Best way to learn how to combine Blueprintcss and Compass/Sass?

I would like to apply Blueprintcss and Compass/Sass to a Rails project.

Should I learn Blueprint first or Compass/Sass first or are there any guides on how to use the two of these together?

Also, does it make any difference that it's a Rails project? Could this combination of technologies be just as easily applied to, say, a Java project?

Source: (StackOverflow)

Why does Blueprint-Css set the maximum grid width for a layout as 950px?

If you use the container class for a layout with blueprint-css, you end up with a maximum width of 950px. I have a layout that needs to exceed this so I'm wondering why Blueprint uses this default?

<div class="container">

Source: (StackOverflow)

Blueprint CSS affecting appearance of jQuery datepicker

Does anyone have any pointers how to to fix the styling issue presented when using jquery ui's datepicker along side blueprint css framework? Specifically the table with the dates appears larger (wider) than the container it sits in.

Source: (StackOverflow)

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' %>

  <!--[if lt IE 8]>
    <%= stylesheet_link_tag 'blueprint/ie' %>

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 manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *= require_self
 *= require_tree . 

Should I do something with application.css so that it loads the necessary Blueprint files? If so, how?

Second, how would I provide some kind of condition to check for IE8, to load blueprint/ie.css?


Hmmm, reloading the app's web page again. Rails 3.1 does include the Blueprint files. Even if the css files are in a folder (in this case: app/assets/stylesheets/blueprint.)

Which leaves me with two questions

  1. How should one apply the if lt IE 8 condition using SASS?
  2. How does one load a css file for the print format (i.e. <%= stylesheet_link_tag 'blueprint/print', 'media' => 'print' %>) using SASS?

Source: (StackOverflow)

Sass import error in Rails 3 app - "File to import not found or unreadable: compass"

I have a Rails 3 app on which I successfully ran compass init rails ./ --using blueprint. I can @import files from the /stylesheets directory, but I get an error when I try to @import compass.

Right now the app has two simple sass files:


$body-background: blue;


@import "common";
//@import "compass";

body { 
  background: $body-background; 

With the @import "compass" line commented out, this works -- I get a blue background, so I know Sass is working.

If I uncomment the line, and try to import compass or blueprint or anything else, I get an error like this.

Syntax error: File to import not found or unreadable: compass.
              Load paths:

        on line 2 of /Users/eric/path/to/myrailsapp/app/stylesheets/main.scss

1: @import "common";
2: @import "compass";
4: body { 
5:  background: $body-background; 
6: }

I had through maybe I had to explicitly tell Sass where to find the Compass gem, so I added an add_import_path line to config/compass.rb:

require 'compass'
require 'html5-boilerplate'

project_type = :rails
project_path = RAILS_ROOT if defined?(RAILS_ROOT)
add_import_path "/Library/Ruby/Gems/1.8/gems/"  # unfortunately this has no effect

http_path = "/"
css_dir = "public/stylesheets"
sass_dir = "app/stylesheets"
images_dir = "public/images"
javascripts_dir = "public/javascripts"
cache_dir = "tmp/sass-cache"

http_images_path = "/images"
http_stylesheets_path = "/stylesheets"
http_javascripts_path = "/javascripts"

I have been googling for two days, and can't determine why I'm having this problem with basic @import statements. How do I tell Sass where to find the Compass and Blueprint libraries?

Source: (StackOverflow)

using blueprint css within a jquery ui tab

I'm using blueprint to do a complex form layout that involves jquery-ui tabs, but when I try to use the blueprint span-x divs within the jquery-ui tabs, the formatting gets all screwy....

<div id="tabs">
    <li><a rel='nofollow' href="#blahblah"><span>blah blah</span></a></li>
    <li><a rel='nofollow' href="#blahblahblah"><span>blah blah blah</span></a></li>
  <div id="blahblah">
    <div "class="span-8 last">
       <!--some input boxes-->

If i take the "class-span-8 last" out, the page works as expected. Any help / ideas would be much appreciated!

Source: (StackOverflow)

CSS3 framework overload-comparisons of each? [closed]

I’m a newcomer to CSS3 and at the moment I’m overwhelmed by the plethora of options when it comes to frameworks.

Can anyone point me to an objective comparison of each, and when it makes sense to use one over another?

A couple of scenarios:

  1. if creating a single-page centered-layout microsite
  2. same as 1 above but want a 'responsive' design that changes on viewport, screen size

Here’s just a few I am considering:

  • getskeleton
  • framelessgrid.com
  • 52framework.com
  • 960.gs
  • blueprintcss.org

Source: (StackOverflow)

How to center a div with BlueprintCSS?

So I have div within the container class. How do I center the div, so that it properly adds empty space equally to both sides, depending on the width of the div?

  <div class="container">
    ... other stuff ...
    <div>center me</div>

Source: (StackOverflow)

How can you configure Rails to use blueprint-css instead of the default scaffolding css?

What changes do you need to make to a Rails project to configure blueprintcss as the default stylesheet to be used when you generate scaffolding instead of scaffold.css?

Source: (StackOverflow)