Blueprint CSS Forms Extension
DZone's Guide to
Blueprint CSS Forms Extension
by
·
Join the DZone community and get the full member experience.
Join For FreeChanges the widths of form elements so they fit into smaller columns created using the Blueprint CSS framework.
full movie direct download links
div.span-1 input.text, div.span-1 input.title { width: 30px; }
div.span-2 input.text, div.span-2 input.title { width: 50px; }
div.span-3 input.text, div.span-3 input.title { width: 90px; }
div.span-4 input.text, div.span-4 input.title { width: 130px; }
div.span-5 input.text, div.span-5 input.title { width: 170px; }
div.span-6 input.text, div.span-6 input.title { width: 210px; }
div.span-7 input.text, div.span-7 input.title { width: 250px; }
div.span-8 input.text, div.span-8 input.title { width: 290px; }
div.span-1 select { width: 30px; }
div.span-2 select { width: 50px; }
div.span-3 select { width: 90px; }
div.span-4 select { width: 130px; }
div.span-5 select { width: 170px; }
div.span-1 textarea { width: 30px; height: 25px; }
div.span-2 textarea { width: 50px; height: 50px; }
div.span-3 textarea { width: 90px; height: 75px; }
div.span-4 textarea { width: 130px; height: 100px; }
div.span-5 textarea { width: 170px; height: 125px; }
div.span-6 textarea { width: 210px; height: 150px; }
div.span-7 textarea { width: 250px; height: 175px; }
div.span-8 textarea { width: 290px; height: 200px; }
div.span-9 textarea { width: 330px; height: 225px; }
div.span-10 textarea { width: 370px; height: 250px; }
Like This Article? Read More From DZone
Topics:
Opinions expressed by DZone contributors are their own.
{{ parent.title || parent.header.title}}
{{ parent.tldr }}
{{ parent.linkDescription }}
{{ parent.urlSource.name }}