.display {

  &-block {
    display: block !important;
  }

  &-inline-block {
    display: inline-block !important;
  }

  &-none {
    display: none !important;
  }

  @include mobile-only {
    &-xs {
      &-block {
        display: block !important;
      }

      &-inline-block {
        display: inline-block !important;
      }

      &-none {
        display: none !important;
      }
    }
  }
  @include breakpoint(568) {
    &-sm {
      &-block {
        display: block !important;
      }

      &-inline-block {
        display: inline-block !important;
      }

      &-none {
        display: none !important;
      }
    }
  }
  @include tablet-landscape-up {
    &-md {
      &-block {
        display: block !important;
      }

      &-inline-block {
        display: inline-block !important;
      }

      &-none {
        display: none !important;
      }
    }
  }
  @include desktop-up {
    &-lg {
      &-block {
        display: block !important;
      }

      &-inline-block {
        display: inline-block !important;
      }

      &-none {
        display: none !important;
      }
    }
  }
  @include big-desktop-up {
    &-xl {
      &-block {
        display: block !important;
      }

      &-inline-block {
        display: inline-block !important;
      }

      &-none {
        display: none !important;
      }
    }
  }

  &-flex {
    display: flex !important;
  }

  &-inline-flex {
    display: inline-flex !important;
  }

  @include mobile-only {
    &-xs {
      &-flex {
        display: flex !important;
      }

      &-inline-flex {
        display: inline-flex !important;
      }
    }
  }
  @include breakpoint(568) {
    &-sm {
      &-flex {
        display: flex !important;
      }

      &-inline-flex {
        display: inline-flex !important;
      }
    }
  }
  @include tablet-landscape-up {
    &-md {
      &-flex {
        display: flex !important;
      }

      &-inline-flex {
        display: inline-flex !important;
      }
    }
  }
  @include desktop-up {
    &-lg {
      &-flex {
        display: flex !important;
      }

      &-inline-flex {
        display: inline-flex !important;
      }
    }
  }
  @include big-desktop-up {
    &-xl {
      &-flex {
        display: flex !important;
      }

      &-inline-flex {
        display: inline-flex !important;
      }
    }

    &-grid {
      display: grid !important;
    }
    &-inline-grid {
      display: inline-grid !important;
    }

    @include mobile-only {
      &-xs {
        &-grid {
          display: grid !important;
        }
        &-inline-grid {
          display: inline-grid !important;
        }
      }
    }
    @include breakpoint(568) {
      &-sm {
        &-grid {
          display: grid !important;
        }
        &-inline-grid {
          display: inline-grid !important;
        }
      }
    }
    @include tablet-landscape-up {
      &-md {
        &-grid {
          display: grid !important;
        }
        &-inline-grid {
          display: inline-grid !important;
        }
      }
    }
    @include desktop-up {
      &-lg {
        &-grid {
          display: grid !important;
        }
        &-inline-grid {
          display: inline-grid !important;
        }
      }
    }
    @include big-desktop-up {
      &-xl {
        &-grid {
          display: grid !important;
        }
        &-inline-grid {
          display: inline-grid !important;
        }
      }
    }
  }
}