qfq-letter.css.less

// PDF Letter classes

body {
  font-family: Arial, sans-serif;
}

header {
  height: 205px;
}

h1 {
  font-size: 1em;
  font-weight: bold;
}

.letter-unit {
  position: absolute;
  /* background-color: yellow; */
  display: inline-block;
  font-size: 0.9em;
  left: 585px;
  top: 0;
  width: 285px;
  height: 205px;
}

.letter-logo {
  position: absolute;
  top: 0;
  left: 28px;
  width: 235px;
}

.letter-title {
  font-size: 1.1em;
  font-weight: bold;
}

.letter-sender {
  position: relative;
  display: inline-block;
  /* background-color: lime; */
  font-size: 0.9em;
  left: 118px;
  top: 0;
  width: 285px;
  height: 250px;
}

.letter-receiver {
  position: relative;
  display: inline-block;
  top: 31px;
  left: 111px;
  width: 455px;
  height: 250px;
  /* background-color: red; */
}

.letter-date {
  position: relative;
  display: block;
  /* background-color: blue; */
  top: -43px;
  left: 111px;
  width: 750px;
}

.letter-no-break {
  page-break-inside: avoid;
}

.letter-body {
  margin-left: 111px;
  width: 750px;
  /* background-color: orange; */
}