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
3
votes
2 answers

facebook style layout question

I am trying to emulate this simple layout : _______________________________________ |____header___________________________| | | | | | Blueprint Container | | …
badnaam
  • 1,876
  • 4
  • 29
  • 53
3
votes
1 answer

CSS - css framework (like blueprint) for a 100% page width design?

I've used blueprint in the past for designing websites and it helped a lot. I'm now considering developing a new site, but this time it will be a 100% width site (think google groups page). Blueprint had a liquid "fork" some time ago, but after some…
kikito
  • 51,734
  • 32
  • 149
  • 189
3
votes
4 answers

Blueprint: Push column partially in to another column

Is it possible using Blueprint's push-x and pull-x classes to create an overlapping column that is half in one column and half in another column? Here's an example: +-------+-----+-------+ | | | | | 1 | 2 | 3 | | …
matpie
  • 17,033
  • 9
  • 61
  • 82
3
votes
3 answers

How can I override blueprint's styles?

Hi I'm using blueprint and for some reason I can't override some of their built-in styling (screen.css). So far I've tried: #asset-index-desc .container div li :border dashed !important ...and this does nothing. I'd…
James
  • 5,273
  • 10
  • 51
  • 76
3
votes
3 answers

making blueprint css working in IE 6 and IE 7

I am using Blue print CSS and it works fine in Firefox...but when I look at it in IE, even with the for IE lt IE8, it still doesn't seem to be working right in terms of spacing and alignment. Any suggestions on what I can do to make it look proper?
Satchel
  • 16,414
  • 23
  • 106
  • 192
3
votes
1 answer

How to display a 100% width stripe in a CSS design using a fixed-grid blueprint?

Not sure that the title is really describing what I am trying to do. Actually, this is quite simple and widespread usage over the internet : I want in the background some liquid/full width of stripes (with the same height of some div of the design)…
fabien7474
  • 16,300
  • 22
  • 96
  • 124
3
votes
1 answer

How do I align text/images on bottom/right/center/middle of a container using the blueprint css framework?

Is there some easy way to align stuff in div containers to the right or bottom:
Text appears on the right side of the layout
or:
rball
  • 6,925
  • 7
  • 49
  • 77
3
votes
3 answers

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?
ipso facto
  • 447
  • 2
  • 7
  • 11
3
votes
1 answer

Sass::Engine.render isn't importing blueprint libraries...why?

I'm attempting to render some sass into CSS programmatically using Sass::Engine.new. I'm running into a problem where I can't figure out how to get it to allow @import GEMMIFIED_SASS_MODULE. For instance, this is what I'm trying: ?> sass =…
nzifnab
  • 15,876
  • 3
  • 50
  • 65
3
votes
2 answers

Blueprint CSS Framework: Para moves to right side

I am using Blueprint CSS framework and I have the following code for para in my screen.css file p {margin:0 0 1.5em;} .left {float:left !important;} p .left {margin:1.5em 1.5em 1.5em 0;padding:0;} .right {float:right !important;} p .right…
black_belt
  • 6,601
  • 36
  • 121
  • 185
3
votes
3 answers

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?
brian
  • 151
  • 1
  • 5
3
votes
3 answers

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…
John Owens
  • 273
  • 1
  • 3
  • 7
3
votes
2 answers

Anyone used CSS blueprint with Sharepoint sites

Anyone used the blueprint (http://www.blueprintcss.org/) with Office Sharepoint server publishing sites? If yes, what do you think? Any catches or problems ? does it really save time and make it easy to make the site working fine cross browsers?
Emad Gabriel
  • 3,677
  • 7
  • 37
  • 49
2
votes
3 answers

Adding padding around some text into two div columns (content, sidebar). Sidebar column moves under the Content column

I'm adding padding around some text into two div columns (content, sidebar). Sidebar column moves under the Content column. I'm still learning (though I think I'd like to think of myself somewhere between a beginner and intermediate). Right now,…
Justin
  • 31
  • 4
2
votes
1 answer

ruby on rails 3.1 web design

May I ask you how to make rails web design more efficient? Is compass plus blueprint the perfect match? Is the current version of compass support rails3.1 Are there any other frameworks that will make rails web deign easier? Thanks
The questioner
  • 724
  • 10
  • 21
1 2
3
…
14 15