@novicell/css-utils/dist/src/display.css

A CSS utility class package inspired by Bootstrap 4 CSS utilities and configurable via CSS Custom Properties and PostCSS.

/*
// Display
*/

.d-none {
      display: none;
    }

.d-inline {
      display: inline;
    }

.d-inline-block {
      display: inline-block;
    }

.d-block {
      display: block;
    }

.d-table {
      display: table;
    }

.d-table-row {
      display: table-row;
    }

.d-table-cell {
      display: table-cell;
    }

.d-flex {
      display: flex;
    }

.d-inline-flex {
      display: inline-flex;
    }


/* Repsonsive */
@media (--viewport-ms-min) {
        .d-ms-none {
          display: none;
        }
        .d-ms-inline {
          display: inline;
        }
        .d-ms-inline-block {
          display: inline-block;
        }
        .d-ms-block {
          display: block;
        }
        .d-ms-table {
          display: table;
        }
        .d-ms-table-row {
          display: table-row;
        }
        .d-ms-table-cell {
          display: table-cell;
        }
        .d-ms-flex {
          display: flex;
        }
        .d-ms-inline-flex {
          display: inline-flex;
        }
  }
@media (--viewport-sm-min) {
        .d-sm-none {
          display: none;
        }
        .d-sm-inline {
          display: inline;
        }
        .d-sm-inline-block {
          display: inline-block;
        }
        .d-sm-block {
          display: block;
        }
        .d-sm-table {
          display: table;
        }
        .d-sm-table-row {
          display: table-row;
        }
        .d-sm-table-cell {
          display: table-cell;
        }
        .d-sm-flex {
          display: flex;
        }
        .d-sm-inline-flex {
          display: inline-flex;
        }
  }
@media (--viewport-md-min) {
        .d-md-none {
          display: none;
        }
        .d-md-inline {
          display: inline;
        }
        .d-md-inline-block {
          display: inline-block;
        }
        .d-md-block {
          display: block;
        }
        .d-md-table {
          display: table;
        }
        .d-md-table-row {
          display: table-row;
        }
        .d-md-table-cell {
          display: table-cell;
        }
        .d-md-flex {
          display: flex;
        }
        .d-md-inline-flex {
          display: inline-flex;
        }
  }
@media (--viewport-lg-min) {
        .d-lg-none {
          display: none;
        }
        .d-lg-inline {
          display: inline;
        }
        .d-lg-inline-block {
          display: inline-block;
        }
        .d-lg-block {
          display: block;
        }
        .d-lg-table {
          display: table;
        }
        .d-lg-table-row {
          display: table-row;
        }
        .d-lg-table-cell {
          display: table-cell;
        }
        .d-lg-flex {
          display: flex;
        }
        .d-lg-inline-flex {
          display: inline-flex;
        }
  }
@media (--viewport-xl-min) {
        .d-xl-none {
          display: none;
        }
        .d-xl-inline {
          display: inline;
        }
        .d-xl-inline-block {
          display: inline-block;
        }
        .d-xl-block {
          display: block;
        }
        .d-xl-table {
          display: table;
        }
        .d-xl-table-row {
          display: table-row;
        }
        .d-xl-table-cell {
          display: table-cell;
        }
        .d-xl-flex {
          display: flex;
        }
        .d-xl-inline-flex {
          display: inline-flex;
        }
  }