Nietzsche's Preposterous Moustache

    @ecl/ec-utility-display

    2.39.0 • Public • Published

    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

    Install

    npm i @ecl/ec-utility-display

    DownloadsWeekly Downloads

    151

    Version

    2.39.0

    License

    EUPL-1.1

    Unpacked Size

    17.5 kB

    Total Files

    5

    Last publish

    Collaborators

    • papegaill
    • yhuard
    • kalin.chernev
    • weslito
    • emeryro
    • planctus