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