Css 引导4模式从右侧滑入，作为侧面板

我正在从bootstrap3升级到4，我很难复制我对Modals所做的定制，这样Modals就可以从右侧滑入，具有全高，并连接到屏幕右侧，就像侧面板一样

使用Bootstrap 3，您可以执行以下操作：

.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.modal.right.fade .modal-dialog {
  right: 0;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

然而，BS4似乎改变了它处理模态的方式，我不知道如何复制这个功能

如果有区别的话，我使用的是ember引导和SCS

---

谢谢你的帮助

请也发html