chinese-medicine/src/common/portrait.styl

// padding
.pa-3 {
  padding: 12px;
}

.pl-1{
  padding-left: 4px;
}

.pl-2{
  padding-left: 8px;
}

.pl-3{
  padding-left: 12px;
}

.pl-4{
  padding-left: 16px;
}

.pl-5{
  padding-left: 20px;
}

.px-1{
  padding-left: 4px;
  padding-right: 4px;
}

.px-2{
  padding-left: 8px;
  padding-right: 8px;
}

.px-3{
  padding-left: 12px;
  padding-right: 12px;
}

.px-10{
  padding-left: 30px;
  padding-right: 30px;
}

.pb-3 {
  padding-bottom: 12px;
}

.pb-4 {
  padding-bottom: 16px;
}

.pb-5 {
  padding-bottom: 20px;
}

.pb-10 {
  padding-bottom: 40px;
}

// margin
.ma-2 {
  margin: 8px;
}

.ma-3 {
  margin: 12px;
}

.mx-2{
  margin-left: 8px;
  margin-right: 8px;
}

.my-2{
  margin-top: 8px;
  margin-bottom: 8px;
}

.my-3{
  margin-top: 12px;
  margin-bottom: 12px;
}

.my-4{
  margin-top: 16px;
  margin-bottom: 16px;
}

.mt-1{
  margin-top: 4px;
}

.mt-2{
  margin-top: 8px;
}

.mt-3{
  margin-top: 12px;
}

.mt-4{
  margin-top: 16px;
}

.mb-0{
  margin-bottom: 0px;
}

.mb-1{
  margin-bottom: 4px;
}

.mb-2{
  margin-bottom: 8px;
}

.mb-3{
  margin-bottom: 12px;
}

.mb-4{
  margin-bottom: 16px;
}

.ml-2{
  margin-left: 8px;
}

.ml-3{
  margin-left: 12px;
}

.ml-4{
  margin-left: 16px;
}

.ml-5{
  margin-left: 20px;
}

.ml-6{
  margin-left: 24px;
}

.ml-7{
  margin-left: 28px;
}

.ml-8{
  margin-left: 32px;
}

.ml-9{
  margin-left: 36px;
}

.ml-10{
  margin-left: 40px;
}

.mr-1{
  margin-right: 4px;
}

.mr-2{
  margin-right: 8px;
}

.mr-3{
  margin-right: 12px;
}

.mr-4{
  margin-right: 16px;
}

.mr-5{
  margin-right: 20px;
}

.mr-6{
  margin-right: 24px;
}

// background
.white {
  background: white;
}

.green{
  background: #4CAF50;
}

.white--text{
  color: #fff;
  width: 100px;
  margin: 0 auto
}
.bot-right-btn{
  position: fixed;
  height: 40px;
  right: 50px;
  bottom: 50px;
}
.bot-right-tips {
  position: fixed;
  height: 40px;
  font-size: 14px;
  right: 18px;
  top: 0;
}
// flex
.d-flex{
  display: flex;
}

.flex-wrap{
  flex-wrap: wrap;
}

.flex-nowrap{
  flex-wrap: nowrap;
}

.flex-column{
  flex-direction: column;
}

.flex-column-reverse{
  flex-direction: column-reverse;
}

.flex-row{
  flex-direction: row;
}

.flex-row-reverse{
  flex-direction: row-reverse;
}

.justify-center{
  justify-content: center;
}

.justify-space-between{
  justify-content: space-between;
}

.align-center{
  align-items: center;
}

.align-left{
  align-items: start;
}

.flex-1{
  display: flex;
  flex: 1;
}

.flex-2{
  display: flex;
  flex: 2;
}
// other
.pointer{
  cursor:pointer;
}

.pointerEdit {
  font-size: 16px;
  margin-right: 20px;
}

.fill-height{
  height:100%;
}

// font
.font-bold{
  font-weight: bold;
}

.font-bold-24{
  font-size: 24px;
  font-weight: bold;
}

.font-24{
  font-size: 24px;
}

.font-bold-16{
  font-size: 16px;
  font-weight: bold;
}

.font-16{
  font-size: 16px;
}

.font-bold-14{
  font-size: 14px;
  font-weight: bold;
}

.font-14{
  font-size: 14px;
}

.icon-size{
  font-size: 20px;
}

h2{
  font-size: 24px;
  font-weight: bold;
  color: rgba(0,0,0,.85)
}

.textColor{
  color: rgba(0,0,0,.65)
}

.baseColor{
  color: #1890ff
}

.bg{
  background: #F5F5F5
}

.fill-width{
  width:100%;
}

.fill-height{
  height:100%;
}

// .ant-form-item-label {
//     text-align: left;
// }

// .ant-form-item-control {
//   width:100%
// }
.ant-form-item-children(:only-child) {
  display: flex;
  flex-wrap: nowrap;
}
.ant-card-head-title {
  font-weight: 600 !important;
  font-size: 18px !important;
}