OOCSS - My Top 5 Most Reused
.fullscreen {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
.fillspace {
width:100%;
height:100%;
}
.bbox {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
.ellipsis-text {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.theme-bg {
background-color:cyan;
}
Written by Adam Argyle
Related protips
2 Responses
Why not just * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
?
over 1 year ago
·
- selectors are slow for redraw/reflow/layout. For highest perf, only apply styles to the elements that need it.
over 1 year ago
·
Have a fresh tip? Share with Coderwall community!
Post
Post a tip
Best
#Css
Authors
Sponsored by #native_company# — Learn More
#native_title#
#native_desc#