nathansmith/unsemantic

Copy bootstrap with single breakpoint approach

NoumanSaleem opened this issue · 1 comments

http://getbootstrap.com/css/#grid

Grid classes apply to devices with screen widths greater than or equal to the breakpoint sizes, and override grid classes targeted at smaller devices. Therefore, applying any .col-md- class to an element will not only affect its styling on medium devices but also on large devices if a .col-lg- class is not present.

So defining `.mobile-grid-50' would apply 50% for that element if no other unsemantic class is present

thoughts?

Take a look at this too: http://purecss.io/grids/. It does the same thing. Also the -sm, -md, -lg, -lx prefixes are really useful too. Better than just having default, tablet-x and mobile-x.

Love unsemantic, used in lot of projects, thank you.