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

form-styles.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;
  }
}

<html><style>
h2.page-header {

font-weight: 600;
font-size: 2.4rem;
position: relative;
padding: 10px 0 10px 16px;
margin-top: 3rem !important;
margin-bottom: 2rem !important;

}
h2:before {

  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background: #ccc;

}
div#disqus__thread {

width: 100% !important;

}
</style></html>