improve(orion): optimize validation result cover layout
This commit is contained in:
parent
9a90a4938e
commit
068d00513d
3 changed files with 27 additions and 23 deletions
Binary file not shown.
|
|
@ -135,7 +135,6 @@ body {
|
||||||
|
|
||||||
.cover-page {
|
.cover-page {
|
||||||
page: cover;
|
page: cover;
|
||||||
min-height: 238mm;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
|
|
@ -149,9 +148,9 @@ body {
|
||||||
.cover-top {
|
.cover-top {
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
display: grid;
|
display: grid;
|
||||||
gap: 18mm;
|
gap: 14mm;
|
||||||
grid-template-columns: 1fr 55mm;
|
grid-template-columns: 1fr 55mm;
|
||||||
margin-bottom: 14mm;
|
margin-bottom: 8mm;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cover-logo {
|
.cover-logo {
|
||||||
|
|
@ -162,8 +161,8 @@ body {
|
||||||
|
|
||||||
.company-address {
|
.company-address {
|
||||||
color: #6B7C85;
|
color: #6B7C85;
|
||||||
font-size: 9pt;
|
font-size: 8.5pt;
|
||||||
line-height: 1.5;
|
line-height: 1.35;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -178,34 +177,39 @@ body {
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
color: #2E3B40;
|
color: #2E3B40;
|
||||||
font-size: 30pt;
|
font-size: 28pt;
|
||||||
line-height: 1.05;
|
line-height: 1.05;
|
||||||
margin: 0 0 5mm 0;
|
margin: 0 0 3mm 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cover-subtitle {
|
.cover-subtitle {
|
||||||
color: #4F6A74;
|
color: #4F6A74;
|
||||||
font-size: 14pt;
|
font-size: 12.5pt;
|
||||||
margin: 0 0 6mm 0;
|
margin: 0 0 3mm 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cover-page .definition-row {
|
.cover-page .definition-row {
|
||||||
grid-template-columns: 36mm 1fr;
|
grid-template-columns: 36mm 1fr;
|
||||||
padding: 1.2mm 0;
|
padding: .65mm 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cover-page .definition-list {
|
||||||
|
font-size: 9.4pt;
|
||||||
|
line-height: 1.25;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cover-closing {
|
.cover-closing {
|
||||||
break-inside: avoid;
|
break-inside: avoid;
|
||||||
margin-top: 5mm;
|
margin-top: 1.5mm;
|
||||||
page-break-inside: avoid;
|
page-break-inside: avoid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.result-box {
|
.result-box {
|
||||||
border: .8mm solid #8A9498;
|
border: .65mm solid #8A9498;
|
||||||
border-radius: 2mm;
|
border-radius: 1.5mm;
|
||||||
break-inside: avoid;
|
break-inside: avoid;
|
||||||
margin: 6mm 0;
|
margin: 4mm 0;
|
||||||
padding: 5mm 7mm;
|
padding: 3mm 6mm;
|
||||||
page-break-inside: avoid;
|
page-break-inside: avoid;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -213,10 +217,10 @@ h1 {
|
||||||
|
|
||||||
.result-box__label {
|
.result-box__label {
|
||||||
color: #4F5E63;
|
color: #4F5E63;
|
||||||
font-size: 9pt;
|
font-size: 8.4pt;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
letter-spacing: .06em;
|
letter-spacing: .06em;
|
||||||
margin-bottom: 2.5mm;
|
margin-bottom: 1.2mm;
|
||||||
}
|
}
|
||||||
|
|
||||||
.result-box__value {
|
.result-box__value {
|
||||||
|
|
@ -225,12 +229,12 @@ h1 {
|
||||||
}
|
}
|
||||||
|
|
||||||
.result-box--cover {
|
.result-box--cover {
|
||||||
margin: 0 0 7mm 0;
|
margin: 0 0 2.5mm 0;
|
||||||
padding: 4.5mm 7mm;
|
padding: 2.8mm 6mm;
|
||||||
}
|
}
|
||||||
|
|
||||||
.result-box--cover .result-box__value {
|
.result-box--cover .result-box__value {
|
||||||
font-size: 21pt;
|
font-size: 18.5pt;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -270,7 +274,7 @@ h1 {
|
||||||
.signature-block {
|
.signature-block {
|
||||||
break-inside: avoid;
|
break-inside: avoid;
|
||||||
color: #6B7C85;
|
color: #6B7C85;
|
||||||
margin-top: 6mm;
|
margin-top: 2.5mm;
|
||||||
page-break-inside: avoid;
|
page-break-inside: avoid;
|
||||||
width: 82mm;
|
width: 82mm;
|
||||||
}
|
}
|
||||||
|
|
@ -278,12 +282,12 @@ h1 {
|
||||||
.signature-line {
|
.signature-line {
|
||||||
border-top: 1px solid #6B7C85;
|
border-top: 1px solid #6B7C85;
|
||||||
height: 0;
|
height: 0;
|
||||||
margin-bottom: 2.5mm;
|
margin-bottom: 1.5mm;
|
||||||
width: 82mm;
|
width: 82mm;
|
||||||
}
|
}
|
||||||
|
|
||||||
.signature-label {
|
.signature-label {
|
||||||
font-size: 9pt;
|
font-size: 8.5pt;
|
||||||
}
|
}
|
||||||
|
|
||||||
.chapter {
|
.chapter {
|
||||||
|
|
|
||||||
Binary file not shown.
Loading…
Add table
Add a link
Reference in a new issue