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

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

1.2.0 (2019-08-29)

1.6.0 (2019-04-04)

1.0.0 (2018-04-27)

Features

• systems: merge systems into the master - INNO-1025 (#681) (fc6f726)