Vue.js 3.x Form 用の CSS ライブラリ

@media screen and (min-width: 768px) {
  .sm-text-right {
    text-align: right;
  }
 
  div.table-form-wrapper {
    display: flex;
    margin-left: 5px;
    margin-right: 5px;
  }
  div.table-form-wrapper:first-child > div {
    border-top:    1px solid lightgray;
  }
  div.table-label-wrapper {
    padding: 13px 12px 4px 12px;
    border-right:  1px solid lightgray;
    border-bottom: 1px solid lightgray;
    border-left:   1px solid lightgray;
    background-color: #ececec;
  }
  div.table-control-wrapper {
    padding: 6px 12px;
    border-right:  1px solid lightgray;
    border-bottom: 1px solid lightgray;
    border-left:   0 solid lightgray;
  }
}