cipfoq
Last Updated: February 25, 2016
·
583
· argyleink
4146f0a7de7dbfd047abe6e7fda1b407

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;
}

Say Thanks
Respond

2 Responses
Add your response

3555
D42a7264714dee5006b9c99d2567a320

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 ·
3659
4146f0a7de7dbfd047abe6e7fda1b407
  • selectors are slow for redraw/reflow/layout. For highest perf, only apply styles to the elements that need it.
over 1 year ago ·