Skip to content

v1.7.0

Compare
Choose a tag to compare
@dariusrosendahl dariusrosendahl released this 20 Jul 16:20

Now it's also possible to use float, clear and use text-alignment classes per breakpoint! No longer any need to dirty your SCSS files!

How?

<what you want to do><-breakpoint>
ta-center-b2 (text-align: center; upward of breakpoint 2)
fl-b3 (float: left; upward of breakpoint 3)

More examples:

<div class="fl cl ta-center fr-b3 ta-left-b3">Hello world</div>

This does the following:

  • float: right; text-align: left;
  • float: left; clear: left; text-align: center; from b3 and up (768px, tablet portait):

All without dirtying your own SCSS files! It's really easy once you get the hang of it.

Remember:

<what you want to do><-breakpoint>