Stack Overflow
Stack Overflow

Questions tagged [blueprint-css]

Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.

Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.

Features :

  • An easily customizable grid
  • Sensible default typography
  • A typographic baseline
  • Perfected browser CSS reset
  • A stylesheet for printing
  • Powerful scripts for customization
  • Absolutely no bloat!

Resources :

Related tags :

214 questions
0
votes
4 answers

set the color of a blueprint div

Is there a way to set the background colour of a div in blueprint? I noticed that class=error will set the colour to pink (notify/success are similar):

whatever

But I want to know if there is a way to set the…
aaa90210
  • 11,295
  • 13
  • 51
  • 88
0
votes
2 answers

Create a padded box mixin with Compass and Blueprint

The interface should look like this +box(optional_padding_value_in_columns) It shouldn't break the grid. (If placed in column that spans 7 units, then the box should stay within the 7 units.) Compass _scaffolding.sass actually includes this…
Gavin
  • 4,273
  • 3
  • 27
  • 39
0
votes
2 answers

columns not fitting into grid

I just started using compass blueprint and I'm making a simple frame with the following: $blueprint_grid_columns: 12; $blueprint_grid_width: 60px; $blueprint-grid-margin: 20px; @import "blueprint"; .frame { @include container; .header{ …
user1797190
  • 227
  • 1
  • 3
  • 8
0
votes
1 answer

blueprint css pre inside div not displaying as expected

I'm trying to figure out whether blueprint css framework is good fit for me, and i encountered the following snag along the way. The problem is that I have two pre each wrapped in a div with span-12 class, but they are not displaying side by side in…
FurtiveFelon
  • 14,714
  • 27
  • 76
  • 97
0
votes
2 answers

SEO in Blueprint CSS Framework

I'm creating a new layout for a site and I would prefer to use a grid-based css framework such as Blueprint (which is the only one I have experience with). But does anyone know of a way I could place my main content above my navigation and sidebar…
Adam Albrecht
  • 6,680
  • 4
  • 31
  • 35
0
votes
1 answer

How to hide the url displayed after the links from browser view in development mode?

Hi I am very new to RoR and is using Rails 3.2.8 to develop my app. When I am testing my pages, an URL address is automatically displayed after all the links. For instance, <%= link_to 'Home', root_path %> will generate a view in the browser like…
Xiaoli
  • 73
  • 8
0
votes
2 answers

Blueprint CSS compressor Script, how do I use it?

There's talk of this compressor script for blueprint css, where you can change the total number of pixels, or include fancy-type etc, but I've never figured out how to use it. All I can ever use is the vanilla version of Blueprint, and in this case,…
Joseph Carrington
  • 441
  • 1
  • 7
  • 22
0
votes
1 answer

define element width with blueprint, is it OK?

is it wrong if I use span-x to define element width?
InTry
  • 1,169
  • 3
  • 11
  • 35
0
votes
1 answer

What's the difference between the span-x classes and the 'column' class in blueprint-css?

The definition I found for the blueprint css class called .column says: .column Use with .span-x classes to create combinations of columns in the layout. But the span-x classes seem to overlap this functionality since they allow columns to be…
ipso facto
  • 447
  • 2
  • 7
  • 11
0
votes
1 answer

How to force divs into the same row when using Blueprint CSS

I'm using blueprint-css and I would like to have a horizontal scroll bar in the span-24 which allows the 3 span-12 divs below show up on the same row. This seems like it should be a simple thing but I can't get it working. The overflow-x:scroll…
bons
  • 41
  • 8
0
votes
1 answer

css multi column issue

can you please help me with some css magic. I am trying to achieve a flixable multi column layout. something like this http://masonry.desandro.com/demos/basic-multi-column.html can I achive this with Blueprint and no javascript. the thing with…
Abdulaziz Alsubaie
  • 710
  • 2
  • 8
  • 17
0
votes
1 answer

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…
J K
  • 495
  • 2
  • 7
  • 22
0
votes
3 answers

HTML, CSS, Javascript - hiding/showing elements

I'm using the Blueprint CSS grid for my HTML page. I have a table which I want to show/hide - linking it to a button, using jQuery. The problem is that everytime I click on the button to show/hide the table, everything on the page shifts slightly…
Edward Wong Hau Pepelu Tivrusk
  • 1,644
  • 3
  • 13
  • 10
0
votes
1 answer

rails app deploy error - 'blueprint/screen.css isn't precompiled'

I'm trying to deploy a rails app... and I'm following the capistrano deployment guide. I'm stuck at the test stage where I am supposed to run app.get("/") in the rails console. When I do so I get an error message related to the blueprint css tools…
J K
  • 495
  • 2
  • 7
  • 22
0
votes
1 answer

How can I import specific blueprint components into Compass?

I am able to load the entire blueprint css framework into my project with the following code in screen.scss: @import "compass"; @import "blueprint"; @include blueprint; However, I would only like to include specific components, such as…
Jim England
  • 1
1 2 3
…
14
15