Display utility

Forked from Bootstrap 4 Beta
and adapted to our needs.

Common display values

The
display property
accepts a handful of values and we support many of them with utility classes. We
purposefully don't provide every value as a utility, so here's what we support:

* .ecl-u-d-none
* .ecl-u-d-inline
* .ecl-u-d-inline-block
* .ecl-u-d-block
* .ecl-u-d-table
* .ecl-u-d-table-cell
* .ecl-u-d-flex
* .ecl-u-d-inline-flex

Put them to use by applying any of the classes to an element of your choice. For
example, here's how you could use the inline, block, or inline-block utilities
(the same applies to the other classes).

Responsive variations also exist for every single utility mentioned above.

* .ecl-u-d-[ sm|md|lg|xl ]-none
* .ecl-u-d-[ sm|md|lg|xl ]-inline
* .ecl-u-d-[ sm|md|lg|xl ]-inline-block
* .ecl-u-d-[ sm|md|lg|xl ]-block
* .ecl-u-d-[ sm|md|lg|xl ]-table
* .ecl-u-d-[ sm|md|lg|xl ]-table-cell
* .ecl-u-d-[ sm|md|lg|xl ]-flex
* .ecl-u-d-[ sm|md|lg|xl ]-inline-flex