CodePaste Logo
New Snippet New Snippet Recent Snippets Recent Snippets My Snippets My Snippets Web Code Search Snippets Search
Sign inor Register
Language: CSS

LessCSS + BluePrintCSS - Freaking AWESOME

358 Views
Copy Code Show/Hide Line Numbers
#header {
    #title {
        .span-10, .column;
    }
    
    #logindisplay {
        .prepend-8, .span-6, .column, .last;
        text-align: right;
    }
    
    #menucontainer {
        .span-24, .last;
        text-align: right;
    }
}
by David R. Longnecker
  November 20, 2009 @ 7:50am
Tags:

by Chris    November 20, 2009 @ 7:58am

I actually wouldn't expect that to work unless you also mix in "div.span-x" or ".column" as these are the blueprint classes that have the required float i.e. (from blueprint screen.css):

.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}

by Chris    November 20, 2009 @ 8:25am

We haven't quite got comma separated mixins working.

.prepend-8;
.span-6;
.column;
.last;

WIll work...

by Chris    November 20, 2009 @ 8:35am

#header {
#title {
.span-10;
.column;
}

#logindisplay {
.prepend-8;
.span-6;
.column;
.last;
text-align: right;
}

#menucontainer {
.span-24;
.last;
text-align: right;
}
}

by David R. Longnecker    November 20, 2009 @ 8:21am

Updated with .column.

Add a comment


Report Abuse
brought to you by:
West Wind Techologies



If you find this site useful and use it frequently please consider making a donation to support this free service.
Donate