blueprint-css

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 little number: // Mixin +box to create a padded box inside a column. =box :padding 1.5em ...

Link to a site designed using a CSS framework (Blueprint, 960,etc)?

I'd like to see an example of a creative use that a CSS frameworks has been put to in the design of a real site. Does anyone know of any sites that were designed using a CSS framework (Blueprint, 960, etc)? If so, a link would be appreciated. Thanks. ...

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? ...

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): <div class="error"> <p>whatever</p> </div> But I want to know if there is a way to set the div to some arbitrary color? EDIT: I don't actually care about error/notify/success. I ...

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: <div class="span-24 align-right last">Text appears on the right side of the layout</div> or: <div class="span-2" id="lots-of-content"></div><div class="span-22 last bottom">Appears at bottom of container</div> or: <div class="span-24 vertical-middle la...

How to use CSS grid framework for custom widths and gutters ?

How to make custom CSS grid framework for custom widths? In my company i get design (PSD) in different sizes in width site like 900px, 920 px, 915px, 973 px etc. and different gutter sizes like 10 px on right, 20 px on left etc. in this type of condition how can i use and take benefir of grid based framework ...

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

Hi, 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) while my content is using a Blueprint fixed-grid. For instance, this website : int...

Is there a known issue with Blueprint's last class?

I attempted to do this Blueprint CSS tutorial, but couldn't get any elements to display in the last column. I found this solution, indicating there may be a problem with the last class, but it didn't work for me. Has any one else experienced this issue and found a fix? Please let me know if screenshots are needed to clarify. <div cl...

Is there a CSS gridwork frame that accomodates nested visual boxes?

I've been working with the BluePrint.css framework on a project. It works well. However, like most of the CSS frameworks I've looked at, it appears geared more to a text-heavy newspaper-esque layout. It gets a bit more difficult to use when using it for building web applications that utilize a 'widget' metaphor such as SharePoint or iG...

Blueprint CSS Framework/Sticky Footer with IE6 Problem

Hello all, I'm currently using the Blueprint CSS framework setting my width to 910px along with the sticky footer markup by Steve Hatcher. The problem I'm getting is that for some reason in only Internet Explorer 6 is that an extra padding/margin of 10px is being added on the right hand side of my #wrap class. I have uploaded my test ...

making blueprint css working in IE 6 and IE 7

Hi, 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? ...

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 appreciate any help. ...

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 | | +-----+ | | | | | | | +----------+----------+ I ...

Blueprint, Sass and BrowserCMS

I like quite much browserCMS. And I also favour sass and blueprint. I would like to make these things to play together. Although I read somewhere brosercms can sass and blueprint, it is not obvious for me how to really have it there. Can you recommend me steps how to reach this? ...

Blueprint CSS Extjs and JQuery in the same page, best way to make them coexist without conflict

Hi all: I have a web page that needs references to jQuery and Blueprint and extjs, I ve seen some docs for dealing with (1) jquery and other libraries and (2) extjs and other libraries The docs I ve found also seem to contradict each other a bit, and reference older versions of the libs, so was wondering if anyone did this and what i...

In Firefox, when printing a page with anchor tags, the link location is printing after the text.

For example, <a href="../somepage/page.aspx?qs=asdf">Text Here</a> will print out as... Text Here(../somepage/page.aspx?qs=asdf) In IE, it looks normal (doesn't print the url). Any ideas why this is acting in this fashion? ...

What's the correct syntax for options when generating Blueprint CSS files in SSH with Ruby command?

I need to generate default Blueprint CSS files using a Ruby command in the Shell. However the column_width, amount and gutter parameters aren't coming trough. I think i don't understand the syntax... is this correct: ruby compress.rb -o /var/www/css/blueprint/src/ -p 70 15 12 for this documentation? joshua-claytons-computer:lib joshu...

Blueprint CSS - problem

Hi All, I'm using Blueprint as my CSS framework in my rails project. But currently i'm having a problem as when i created a link it shows both the link and display text in the web page Ex : say i have 'go to google' in my web page (view) it shows both "go to google (http://www.google.com)" where as i want to show only 'go to google'...

Blueprint CSS and Separation of Presentation and Content When Designing Forms

Is it possible to use Blueprint CSS and maintain a a respectable level of separation between presentation and content? I like how easy the framework is to use when designing forms, but am worried that the manner in which I use the css classes for columnizing elements is a bad practice. For instance, say I have a 3 field form designed us...

Right align controls in blueprint css

Is there anyway we can right-align a control/set of controls in a page? I am using BlueprintCSS framework in asp.net Thanks, Sashidhar Kokku ...