scss 图标垂直对齐按钮中的文本

Posted 2021-05-18

<button class="btn prs-Btn--3d">
  <span class="prs-Btn--text">Ver detalle de la mercancía</span> <i class="icon-shipment"></i>
</button>

.prs-Btn--3d {
  
  > i {
    font-size: 140%;
    line-height: 1.8em;
    vertical-align: middle;
  }
  
  > .prs-Btn--text {
    vertical-align: middle;
  }
}