Posted By

lawlesscreation on 10/11/10

Tagged

Versions (?)

Last Edited at 10/11/10 09:07pm

Statistics

Viewed 435 times

Favorited by 0 user(s)

Related snippets

Enhanced EZ-CSS

/ Published in: CSS

Original available at http://www.ez-css.org/

Highlighted TextExpand

// Core used for all browsers
/* 2009 - 2010 (c) | ez-css.org
 * ez-min.css :: version 1.3 :: 03132010
 */
.ez-oh{overflow:hidden}.ez-oa{overflow:auto}.ez-dt{display:table}.ez-it{display:inline-table}.ez-tc{display:table-cell}.ez-ib{display:inline-block}.ez-fl{float:left}.ez-fr{float:right}.ez-20{width:20%}.ez-25{width:25%}.ez-33{width:33.33%}.ez-50{width:50%}.ez-66{width:66.66%}.ez-75{width:75%}.ez-80{width:80%}.ez-negml{margin-left:-1px}.ez-wr:after,.ez-box:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ez-wr,.ez-box,.ez-last{min-height:0;display:block}.ez-negmr,.ez-negmx{margin-right:-1px}

//IE6 fixes
/* 2009 - 2010 (c) | ez-css.org
 * ez-min.css :: version 1.3 :: 03132010
 */
.ez-wr,.ez-box,.ez-last{height:1%}.ez-oh{overflow:visible}.ez-fl{margin-right:-3px}.ez-fr{margin-left:-3px}.ez-negmr{margin-right:-4px}.ez-negml{margin-left:-4px}

//media query support for resetting floats at small screen sizes
@media only screen and (max-device-width: 480px), only screen and (max-width: 50em) {
.ez-fl,.ez-fr,.ez-negmr,.ez-negmx{float:none;margin:0}
.ez-20,.ez-25,.ez-33,.ez-50,.ez-66,.ez-75,.ez-80 {width:100%}
}

URL: http://lawlesscreation.com/css/enhanced-ez-css-layouts/

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.