Tag Archives: blueprint

Blueprint CSS as base CSS, sweet!

Posted on by
Reply

Hacking in or modifying Blueprint CSS to match your design is easy! You will notice that the original .box class had the light blue color, but here it isn’t.

What I did is added this code below to make .box background color as grey.

.entry .box { 
  background-color: #fdfdfd !important; 
  color: #696969 !important; 
  border: 1px solid #dedede; 
}
.entry .box a { 
  color: #363636 !important; 
  text-decoration: none; 
}
.entry .box a:hover { 
  text-decoration: underline; 
}

					

		
		
	


				
					
	

		

						
On-the-fly Blueprint CSS

			
						

				Posted on   by  			

			
						

				1			

					


				

			
Ok, I think there’s more to Blueprint CSS than fixed width designs. Somebody already came up with the liquid version.


So I think I’d spend some time adapting this generator and pass the four parameters needed to calculate the grid.



<script src="/getblueprint.php?width=950&cols=24&colwidth=30&margin=10"></script>



or perhaps a mode parameter to set px or percent as values



<script src="/getblueprint.php?mode=px&width=950&cols=24&colwidth=30&margin=10"></script>