dibk-design 3.8.0 → 3.8.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/PDF.scss +50 -12
- package/dist/style/pdf.css +49 -16
- package/dist/style/pdf.css.map +1 -1
- package/package.json +1 -1
package/dist/components/PDF.scss
CHANGED
|
@@ -4,7 +4,8 @@ $font-size-body: 16px;
|
|
|
4
4
|
$font-size-h1: 34px;
|
|
5
5
|
$font-size-h1-small: 18px;
|
|
6
6
|
$font-size-h2: 24px;
|
|
7
|
-
$font-size-h3:
|
|
7
|
+
$font-size-h3: 19px;
|
|
8
|
+
$font-size-h4: 17px;
|
|
8
9
|
$font-size-table-header: 15px;
|
|
9
10
|
$font-size-table-data: 16px;
|
|
10
11
|
$font-size-checkbox: 20px;
|
|
@@ -18,6 +19,8 @@ $margin-top-h2: 22px;
|
|
|
18
19
|
$margin-bottom-h2: 2px;
|
|
19
20
|
$margin-top-h3: 15px;
|
|
20
21
|
$margin-bottom-h3: 2px;
|
|
22
|
+
$margin-top-h4: 15px;
|
|
23
|
+
$margin-bottom-h4: 2px;
|
|
21
24
|
$margin-top-paragraph: 3px;
|
|
22
25
|
$margin-bottom-paragraph: 12px;
|
|
23
26
|
|
|
@@ -29,6 +32,9 @@ $horizontal-padding-table-header: 4px;
|
|
|
29
32
|
$vertical-padding-table-data: 4px;
|
|
30
33
|
$horizontal-padding-table-data: 4px;
|
|
31
34
|
|
|
35
|
+
$vertical-padding-no-border-table-header: 0px;
|
|
36
|
+
$vertical-padding-no-border-table-data: 2px;
|
|
37
|
+
|
|
32
38
|
$scaling-for-signed-documents: 1.10802;
|
|
33
39
|
|
|
34
40
|
html,
|
|
@@ -104,7 +110,8 @@ body {
|
|
|
104
110
|
float: right;
|
|
105
111
|
}
|
|
106
112
|
|
|
107
|
-
h1
|
|
113
|
+
h1,
|
|
114
|
+
.h1 {
|
|
108
115
|
font-size: $font-size-h1;
|
|
109
116
|
font-weight: normal;
|
|
110
117
|
line-height: 0.9em;
|
|
@@ -116,7 +123,8 @@ body {
|
|
|
116
123
|
line-height: 1em;
|
|
117
124
|
}
|
|
118
125
|
}
|
|
119
|
-
h2
|
|
126
|
+
h2,
|
|
127
|
+
.h2 {
|
|
120
128
|
font-size: $font-size-h2;
|
|
121
129
|
font-weight: normal;
|
|
122
130
|
line-height: 1em;
|
|
@@ -126,10 +134,11 @@ body {
|
|
|
126
134
|
margin-top: 0;
|
|
127
135
|
}
|
|
128
136
|
}
|
|
129
|
-
h3
|
|
137
|
+
h3,
|
|
138
|
+
.h3 {
|
|
130
139
|
font-size: $font-size-h3;
|
|
131
140
|
font-weight: normal;
|
|
132
|
-
line-height: 1em;
|
|
141
|
+
line-height: 1.1em;
|
|
133
142
|
text-decoration: underline;
|
|
134
143
|
margin-top: $margin-top-h3;
|
|
135
144
|
margin-bottom: $margin-bottom-h3;
|
|
@@ -138,12 +147,24 @@ body {
|
|
|
138
147
|
}
|
|
139
148
|
}
|
|
140
149
|
|
|
150
|
+
h4,
|
|
151
|
+
.h4 {
|
|
152
|
+
font-size: $font-size-h4;
|
|
153
|
+
font-weight: bold;
|
|
154
|
+
line-height: 1.1em;
|
|
155
|
+
margin-top: $margin-top-h4;
|
|
156
|
+
margin-bottom: $margin-bottom-h4;
|
|
157
|
+
& + p {
|
|
158
|
+
margin-top: 0;
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
|
|
141
162
|
p {
|
|
142
163
|
margin-top: $margin-top-paragraph;
|
|
143
164
|
margin-bottom: $margin-bottom-paragraph;
|
|
144
165
|
}
|
|
145
166
|
|
|
146
|
-
.
|
|
167
|
+
.text-red {
|
|
147
168
|
font-style: italic;
|
|
148
169
|
color: red;
|
|
149
170
|
}
|
|
@@ -153,13 +174,12 @@ body {
|
|
|
153
174
|
flex-flow: row wrap;
|
|
154
175
|
dt {
|
|
155
176
|
font-weight: bold;
|
|
156
|
-
width: var(--width);
|
|
177
|
+
width: var(--title-width);
|
|
157
178
|
}
|
|
158
179
|
dd {
|
|
159
180
|
flex-grow: 1;
|
|
160
|
-
flex-basis: calc(100% -
|
|
181
|
+
flex-basis: calc(100% - var(--title-width));
|
|
161
182
|
margin: 0;
|
|
162
|
-
width: var(--width);
|
|
163
183
|
ul {
|
|
164
184
|
padding: 0;
|
|
165
185
|
margin: 0;
|
|
@@ -202,11 +222,19 @@ body {
|
|
|
202
222
|
tr {
|
|
203
223
|
background-color: transparent;
|
|
204
224
|
border: none;
|
|
225
|
+
th {
|
|
226
|
+
padding-top: $vertical-padding-no-border-table-header;
|
|
227
|
+
padding-bottom: $vertical-padding-no-border-table-header;
|
|
228
|
+
}
|
|
205
229
|
}
|
|
206
230
|
}
|
|
207
231
|
tbody {
|
|
208
232
|
tr {
|
|
209
233
|
border: transparent;
|
|
234
|
+
td {
|
|
235
|
+
padding-top: $vertical-padding-no-border-table-data;
|
|
236
|
+
padding-bottom: $vertical-padding-no-border-table-data;
|
|
237
|
+
}
|
|
210
238
|
}
|
|
211
239
|
}
|
|
212
240
|
}
|
|
@@ -320,12 +348,22 @@ body {
|
|
|
320
348
|
calc($horizontal-padding-table-data * $scaling-for-signed-documents);
|
|
321
349
|
}
|
|
322
350
|
}
|
|
351
|
+
&.no-border {
|
|
352
|
+
thead tr th {
|
|
353
|
+
padding-top: calc($vertical-padding-no-border-table-header * $scaling-for-signed-documents);
|
|
354
|
+
padding-bottom: calc($vertical-padding-no-border-table-header * $scaling-for-signed-documents);
|
|
355
|
+
}
|
|
356
|
+
tbody tr td {
|
|
357
|
+
padding-top: calc($vertical-padding-no-border-table-data * $scaling-for-signed-documents);
|
|
358
|
+
padding-bottom: calc($vertical-padding-no-border-table-data * $scaling-for-signed-documents);
|
|
359
|
+
}
|
|
360
|
+
}
|
|
323
361
|
}
|
|
324
362
|
|
|
325
|
-
table
|
|
326
|
-
table tbody tr
|
|
363
|
+
table thead tr th,
|
|
364
|
+
table tbody tr td {
|
|
327
365
|
.indent {
|
|
328
|
-
width: calc(
|
|
366
|
+
width: calc(18px * $scaling-for-signed-documents);
|
|
329
367
|
}
|
|
330
368
|
}
|
|
331
369
|
|
package/dist/style/pdf.css
CHANGED
|
@@ -68,44 +68,62 @@ body {
|
|
|
68
68
|
width: 100px;
|
|
69
69
|
float: right;
|
|
70
70
|
}
|
|
71
|
-
.page h1
|
|
71
|
+
.page h1,
|
|
72
|
+
.page .h1 {
|
|
72
73
|
font-size: 34px;
|
|
73
74
|
font-weight: normal;
|
|
74
75
|
line-height: 0.9em;
|
|
75
76
|
margin-top: 0;
|
|
76
77
|
margin-bottom: 0.4em;
|
|
77
78
|
}
|
|
78
|
-
.page h1 small
|
|
79
|
+
.page h1 small,
|
|
80
|
+
.page .h1 small {
|
|
79
81
|
display: block;
|
|
80
82
|
font-size: 18px;
|
|
81
83
|
line-height: 1em;
|
|
82
84
|
}
|
|
83
|
-
.page h2
|
|
85
|
+
.page h2,
|
|
86
|
+
.page .h2 {
|
|
84
87
|
font-size: 24px;
|
|
85
88
|
font-weight: normal;
|
|
86
89
|
line-height: 1em;
|
|
87
90
|
margin-top: 22px;
|
|
88
91
|
margin-bottom: 2px;
|
|
89
92
|
}
|
|
90
|
-
.page h2 + p
|
|
93
|
+
.page h2 + p,
|
|
94
|
+
.page .h2 + p {
|
|
91
95
|
margin-top: 0;
|
|
92
96
|
}
|
|
93
|
-
.page h3
|
|
94
|
-
|
|
97
|
+
.page h3,
|
|
98
|
+
.page .h3 {
|
|
99
|
+
font-size: 19px;
|
|
95
100
|
font-weight: normal;
|
|
96
|
-
line-height: 1em;
|
|
101
|
+
line-height: 1.1em;
|
|
97
102
|
text-decoration: underline;
|
|
98
103
|
margin-top: 15px;
|
|
99
104
|
margin-bottom: 2px;
|
|
100
105
|
}
|
|
101
|
-
.page h3 + p
|
|
106
|
+
.page h3 + p,
|
|
107
|
+
.page .h3 + p {
|
|
108
|
+
margin-top: 0;
|
|
109
|
+
}
|
|
110
|
+
.page h4,
|
|
111
|
+
.page .h4 {
|
|
112
|
+
font-size: 17px;
|
|
113
|
+
font-weight: bold;
|
|
114
|
+
line-height: 1.1em;
|
|
115
|
+
margin-top: 15px;
|
|
116
|
+
margin-bottom: 2px;
|
|
117
|
+
}
|
|
118
|
+
.page h4 + p,
|
|
119
|
+
.page .h4 + p {
|
|
102
120
|
margin-top: 0;
|
|
103
121
|
}
|
|
104
122
|
.page p {
|
|
105
123
|
margin-top: 3px;
|
|
106
124
|
margin-bottom: 12px;
|
|
107
125
|
}
|
|
108
|
-
.page .
|
|
126
|
+
.page .text-red {
|
|
109
127
|
font-style: italic;
|
|
110
128
|
color: red;
|
|
111
129
|
}
|
|
@@ -115,13 +133,12 @@ body {
|
|
|
115
133
|
}
|
|
116
134
|
.page dl dt {
|
|
117
135
|
font-weight: bold;
|
|
118
|
-
width: var(--width);
|
|
136
|
+
width: var(--title-width);
|
|
119
137
|
}
|
|
120
138
|
.page dl dd {
|
|
121
139
|
flex-grow: 1;
|
|
122
|
-
flex-basis: calc(100% -
|
|
140
|
+
flex-basis: calc(100% - var(--title-width));
|
|
123
141
|
margin: 0;
|
|
124
|
-
width: var(--width);
|
|
125
142
|
}
|
|
126
143
|
.page dl dd ul {
|
|
127
144
|
padding: 0;
|
|
@@ -157,9 +174,17 @@ body {
|
|
|
157
174
|
background-color: transparent;
|
|
158
175
|
border: none;
|
|
159
176
|
}
|
|
177
|
+
.page table.no-border thead tr th {
|
|
178
|
+
padding-top: 0px;
|
|
179
|
+
padding-bottom: 0px;
|
|
180
|
+
}
|
|
160
181
|
.page table.no-border tbody tr {
|
|
161
182
|
border: transparent;
|
|
162
183
|
}
|
|
184
|
+
.page table.no-border tbody tr td {
|
|
185
|
+
padding-top: 2px;
|
|
186
|
+
padding-bottom: 2px;
|
|
187
|
+
}
|
|
163
188
|
.page table + table thead tr {
|
|
164
189
|
border-top: none;
|
|
165
190
|
}
|
|
@@ -228,7 +253,7 @@ body {
|
|
|
228
253
|
margin-bottom: 2.21604px;
|
|
229
254
|
}
|
|
230
255
|
.page.signed-document div.content-container h3 {
|
|
231
|
-
font-size:
|
|
256
|
+
font-size: 21.05238px;
|
|
232
257
|
margin-top: 16.6203px;
|
|
233
258
|
margin-bottom: 2.21604px;
|
|
234
259
|
}
|
|
@@ -252,9 +277,17 @@ body {
|
|
|
252
277
|
font-size: 17.72832px;
|
|
253
278
|
padding: 4.43208px 4.43208px;
|
|
254
279
|
}
|
|
255
|
-
.page.signed-document div.content-container table
|
|
256
|
-
|
|
257
|
-
|
|
280
|
+
.page.signed-document div.content-container table.no-border thead tr th {
|
|
281
|
+
padding-top: 0px;
|
|
282
|
+
padding-bottom: 0px;
|
|
283
|
+
}
|
|
284
|
+
.page.signed-document div.content-container table.no-border tbody tr td {
|
|
285
|
+
padding-top: 2.21604px;
|
|
286
|
+
padding-bottom: 2.21604px;
|
|
287
|
+
}
|
|
288
|
+
.page.signed-document div.content-container table thead tr th .indent,
|
|
289
|
+
.page.signed-document div.content-container table tbody tr td .indent {
|
|
290
|
+
width: 19.94436px;
|
|
258
291
|
}
|
|
259
292
|
.page.signed-document div.content-container .checkbox-container {
|
|
260
293
|
margin-top: 11.0802px;
|
package/dist/style/pdf.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/stories/PDF.scss","../../src/style/abstracts/mixins/_box-sizing.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/stories/PDF.scss","../../src/style/abstracts/mixins/_box-sizing.scss"],"names":[],"mappings":"AAuCA;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA,WA5Ca;EA6Cb;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WA7Da;;;AA+DjB;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;AAAA;IAEI;;EAEJ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AAIR;ECzFE,oBD0FsB;ECzFnB,iBDyFmB;ECxFd,YDwFc;;;AAIpB;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI,OA7Fa;EA8Fb;;AAGJ;AAAA;EAEI,WA/GO;EAgHP;EACA;EACA;EACA;;AACA;AAAA;EACI;EACA,WArHS;EAsHT;;AAGR;AAAA;EAEI,WA1HO;EA2HP;EACA;EACA,YAjHQ;EAkHR,eAjHW;;AAkHX;AAAA;EACI;;AAGR;AAAA;EAEI,WApIO;EAqIP;EACA;EACA;EACA,YA3HQ;EA4HR,eA3HW;;AA4HX;AAAA;EACI;;AAIR;AAAA;EAEI,WAhJO;EAiJP;EACA;EACA,YArIQ;EAsIR,eArIW;;AAsIX;AAAA;EACI;;AAIR;EACI,YA3Ie;EA4If,eA3IkB;;AA8ItB;EACI;EACA;;AAGJ;EACI;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAIZ;EACI;EACA;;AAEI;EACI;EACA;;AACA;EACI;EACA;EACA,WA/LK;EAgML;;AAKR;EACI;;AACA;EACI;EACA;EACA,WAzMG;;AA4MH;EACI;;AAOR;EACI;EACA;;AACA;EACI,aA/LkB;EAgMlB,gBAhMkB;;AAqM1B;EACI;;AACA;EACI,aAvMgB;EAwMhB,gBAxMgB;;AA+MpC;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAKA;AAAA;EACI;;AAIR;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA,YA1PwB;;AA2PxB;EACI,eA3PuB;;AA+P/B;EACI;EACA;EACA,QAjRU;EAkRV,OAjRS;EAkRT;EACA;EACA;EACA;EACA,WAzRa;EA0Rb;EACA;;;AAKR;EACI;EACA;EACA;EACA;EACA;;AAEI;EACI;EACA;;AAEJ;EACI;;AACA;EACI;EACA;;AAGR;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAGA;EACI;;AACA;EACI;EACA;EACA;;AAIR;EACI;;AACA;EACI;EACA;EACA;;AAKJ;EACI;EACA;;AAEJ;EACI;EACA;;AAOR;AAAA;EACI;;AAIR;EACI;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;AAKhB;EACI;IACI;IACA","file":"pdf.css"}
|