metanorma-gb 1.3.11 → 1.3.12

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 31a61c0a77d30819eedfc89208580ccbb6709cdb0b5d994efba1ac228a5685d8
4
- data.tar.gz: 2e0b657183a68e7072455631c5400f1746f428987da994a09e95e831d73c77b8
3
+ metadata.gz: 0f181fee92e6d356a357a8465fccbc2ef7b7294389df22167b3e31d9efdbd214
4
+ data.tar.gz: ec87fbe10ae34e5798dfa352c70ebf314e3afe473166418e70aaa928d7078686
5
5
  SHA512:
6
- metadata.gz: 8da8f1a8c551db190db64aa4f6fd4f93a4a5a1fa4f158d76eb3e835197ee1488f99b58afd1618cafa5d96a6ead0ee8875915a78a088ec7a87b25781864ca48a8
7
- data.tar.gz: d168a3051ff22055a0ebd0ad2cc746132ace5751991f44c64dcff9d2bd7efabdf465b046ef26aa08db6847a803473c9913d31c7517fdfaf3c6e5c54a6bd96fc0
6
+ metadata.gz: 356742b6011727168433ad7551d235ad4ec0807a27956fd2a8e8e80c0064b2d9da23a51dfba6ff9d2627ed6b16e6ea2e9504a61b76c0db94108b2fc99cfd85d6
7
+ data.tar.gz: 0c2a2658b1487d2dd0b67b1f8fc5ed33bf2b3ffecd5a4bfcfe441c3df324da34e7349599df4498c2e033e54b44d0112abf627f5c952ce818b9c5e8f1d4fbec84
@@ -638,9 +638,9 @@
638
638
  <zeroOrMore>
639
639
  <ref name="license"/>
640
640
  </zeroOrMore>
641
- <optional>
641
+ <zeroOrMore>
642
642
  <ref name="bclassification"/>
643
- </optional>
643
+ </zeroOrMore>
644
644
  <zeroOrMore>
645
645
  <ref name="bkeyword"/>
646
646
  </zeroOrMore>
@@ -39,6 +39,12 @@
39
39
  <optional>
40
40
  <attribute name="filename"/>
41
41
  </optional>
42
+ <optional>
43
+ <attribute name="model"/>
44
+ </optional>
45
+ <optional>
46
+ <attribute name="type"/>
47
+ </optional>
42
48
  <optional>
43
49
  <ref name="reqtitle"/>
44
50
  </optional>
@@ -0,0 +1,249 @@
1
+ .doctitle-en, .doctitle-fr {
2
+ margin-top: 2em;
3
+ text-align: left;
4
+ }
5
+
6
+ .doctitle-en {
7
+ background-color: black;
8
+ padding-left: 3em;
9
+ margin-left: -3em;
10
+ padding-top: 2em;
11
+ padding-bottom: 2em;
12
+
13
+ span {
14
+ font-size: 1.5em;
15
+ line-height: 1.5em;
16
+ font-weight: 900;
17
+ display: block;
18
+ color: white;
19
+ }
20
+ }
21
+
22
+
23
+ .doctitle-fr span {
24
+ font-size: 1.2em;
25
+ line-height: 1.2em;
26
+ font-style: italic;
27
+ display: block;
28
+ }
29
+
30
+ span.title {
31
+ text-transform: uppercase;
32
+ font-size: 1em;
33
+ font-weight: 800;
34
+ }
35
+
36
+ .coverpage_docstage {
37
+ margin-top: 2em;
38
+ margin-bottom: 2em;
39
+ }
40
+
41
+ .coverpage_warning {
42
+ border-top: solid 1px #f36f36;
43
+ border-bottom: solid 1px #f36f36;
44
+ margin: 1em 2em;
45
+ color: #485094;
46
+ padding: 1em;
47
+
48
+ .title {
49
+ color: #f36f36;
50
+ font-weight: 500;
51
+ }
52
+
53
+ .content {
54
+ font-style: italic;
55
+ }
56
+ }
57
+
58
+ .coverpage_docnumber,
59
+ .coverpage_techcommittee {
60
+ text-align: right;
61
+ font-size:14.0pt;
62
+ }
63
+
64
+ .coverpage {
65
+ text-align: center;
66
+ padding: 2em 0;
67
+ }
68
+
69
+ .coverpage-category {
70
+ float: left;
71
+ text-align: left;
72
+ }
73
+
74
+
75
+ .coverpage-logo {
76
+ color: #485094;
77
+ }
78
+
79
+ .coverpage-tc-name {
80
+ color: #485094;
81
+ font-size: 1.2em;
82
+ line-height: 1.2em;
83
+ margin: 0.25em 0;
84
+ }
85
+
86
+ .coverpage-doc-identity {
87
+ background-color: #485094;
88
+ color: white;
89
+ font-size: 2em;
90
+ line-height: 2em;
91
+ margin: 0.5em 0;
92
+ }
93
+
94
+ .coverpage-doc-identity-first {
95
+ font-size: 5mm;
96
+ text-align: right;
97
+ padding-right: 5mm;
98
+ padding-bottom: 1em;
99
+ padding-top: 1em;
100
+ }
101
+
102
+ .coverpage-title {
103
+ font-weight: 400;
104
+
105
+ .title-second {
106
+ display: none;
107
+ }
108
+ }
109
+
110
+ .coverpage-logo-text {
111
+ font-size: 24.0pt;
112
+ }
113
+
114
+ .coverpage-stage-block {
115
+ font-style: italic;
116
+ text-align: center;
117
+ font-size: 1.25em;
118
+ font-weight: 600;
119
+ }
120
+
121
+ span.date-publish {
122
+ float:left;
123
+ }
124
+
125
+ span.date-active {
126
+ float:right;
127
+ }
128
+
129
+ .coverpage-doc-relations {
130
+ font-size: 10.5pt;
131
+ padding-top: 0.5em;
132
+ }
133
+
134
+ .coverpage-title-zh {
135
+ font-size: 8mm;
136
+ display: flex;
137
+ flex-wrap: wrap;
138
+ justify-content: center;
139
+
140
+ /* flex-direction: column; */
141
+ font-family: $headerfont;
142
+ }
143
+
144
+ .coverpage-title-zh span {
145
+ padding-top: 2mm;
146
+ font-size: 28pt;
147
+ }
148
+
149
+ .coverpage-title-en {
150
+ margin-top: 10mm;
151
+ font-size: 18pt;
152
+ display: flex;
153
+ flex-wrap: wrap;
154
+ justify-content: center;
155
+ font-family:$headerfont;
156
+ }
157
+
158
+ .coverpage-title-en span {
159
+ display: block;
160
+ }
161
+
162
+ .coverpage-title-en .title-first {
163
+ text-transform: uppercase;
164
+ }
165
+
166
+
167
+ .coverpage-iso-relation {
168
+ font-size: 14pt;
169
+ margin-top: 10mm;
170
+ text-align: center;
171
+ }
172
+ .coverpage-dates {
173
+ font-size:14.0pt;
174
+ width:100%;
175
+ margin-top: 25mm;
176
+ font-family: $headerfont;
177
+ border-bottom: 1px solid #000;
178
+ }
179
+
180
+ .coverpage_footer {
181
+ text-align:center;
182
+ font-size: 16pt;
183
+ font-weight: 600;
184
+ width: 100%;
185
+ margin-top: 10mm;
186
+
187
+ // New
188
+ table {
189
+ &, th, td {
190
+ border: 0;
191
+ }
192
+ th, td {
193
+ padding: 5px;
194
+ font-size: 1.1em;
195
+ font-weight: 600;
196
+ }
197
+ }
198
+ .publish {
199
+ vertical-align: middle;
200
+ }
201
+ }
202
+
203
+
204
+ .coverpage-banner {
205
+ padding-top: 5mm;
206
+ margin-left:auto;
207
+ margin-right:auto;
208
+ width:auto;
209
+ display:flex;
210
+ flex-wrap: wrap;
211
+ justify-content: center;
212
+ }
213
+
214
+
215
+ .coverpage-maturity {
216
+ font-family: 'Overpass', sans-serif;
217
+ font-weight: 400;
218
+ font-size: 1em;
219
+ margin: 0 0 2em 0;
220
+ text-transform: uppercase;
221
+ }
222
+
223
+
224
+ .copyright {
225
+ .year,
226
+ .message,
227
+ .name,
228
+ .address {
229
+ margin-top: 1em;
230
+ line-height: 1.1em;
231
+ display: block;
232
+ }
233
+
234
+ .message,
235
+ .name,
236
+ .address {
237
+ font-size: 0.9em;
238
+ }
239
+
240
+ .name {
241
+ color: #485094;
242
+ font-weight: 600;
243
+ padding-top: 1em;
244
+ }
245
+
246
+ .address {
247
+ color: #485094;
248
+ }
249
+ }
@@ -85,7 +85,7 @@ p.SourceTitle
85
85
  mso-fareast-font-family:$headerfont;
86
86
  mso-bidi-font-family:$headerfont;
87
87
  mso-ansi-language:EN-GB;}
88
- p.AdmonitionTitle
88
+ p.AdmonitionTitle, p.RecommendationTitle
89
89
  {mso-style-unhide:no;
90
90
  mso-style-qformat:yes;
91
91
  mso-style-parent:"";
@@ -1043,7 +1043,7 @@ margin: 2em 0 1em 0;
1043
1043
  overflow: auto;
1044
1044
  }
1045
1045
 
1046
- .figure-title, .FigureTitle, .SourceTitle, .AdmonitionTitle {
1046
+ .figure-title, .FigureTitle, .SourceTitle, .AdmonitionTitle, .RecommendationTitle {
1047
1047
  font-weight: 700;
1048
1048
  font-size: 1em;
1049
1049
  text-align: center;
@@ -1,401 +1,56 @@
1
- /*
2
- 0 CSS RESET
3
- */
4
-
5
- /* http://meyerweb.com/eric/tools/css/reset/
6
- v2.0 | 20110126
7
- License: none (public domain)
8
- */
9
-
10
- html, body, div, span, applet, object, iframe,
11
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
12
- a, abbr, acronym, address, big, cite, code,
13
- del, dfn, em, img, ins, kbd, q, s, samp,
14
- small, strike, strong, sub, sup, tt, var,
15
- b, u, i, center,
16
- ol, ul, li,
17
- fieldset, form, label, legend,
18
- table, caption, tbody, tfoot, thead, tr, th, td,
19
- article, aside, canvas, details, embed,
20
- figure, figcaption, footer, header, hgroup,
21
- menu, nav, output, ruby, section, summary,
22
- time, mark, audio, video {
23
- margin: 0;
24
- padding: 0;
25
- }
26
-
27
- html, body, div, span, applet, object, iframe,
28
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
29
- a, abbr, acronym, address, big, cite, code,
30
- del, dfn, em, img, ins, kbd, q, s, samp,
31
- small, strike, strong, sub, sup, tt, var,
32
- b, u, i, center,
33
- dl, dt, dd, ol, ul, li,
34
- fieldset, form, label, legend,
35
- table, caption, tbody, tfoot, thead, tr, th, td,
36
- article, aside, canvas, details, embed,
37
- figure, figcaption, footer, header, hgroup,
38
- menu, nav, output, ruby, section, summary,
39
- time, mark, audio, video {
40
- border: 0;
41
- font-size: 100%;
42
- }
43
-
44
- html, body, div, span, applet, object, iframe,
45
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
46
- a, abbr, acronym, address, big, cite, code,
47
- del, dfn, em, img, ins, kbd, q, s, samp,
48
- small, strike, strong, tt, var,
49
- b, u, i, center,
50
- dl, dd, ol, ul, li,
51
- fieldset, form, label, legend,
52
- table, caption, tbody, tfoot, thead, tr, th, td,
53
- article, aside, canvas, details, embed,
54
- figure, figcaption, footer, header, hgroup,
55
- menu, nav, output, ruby, section, summary,
56
- time, mark, audio, video {
57
- vertical-align: baseline;
58
- }
59
-
60
-
61
- html, body, div, span, applet, object, iframe,
62
- p, blockquote,
63
- a, abbr, acronym, address, big, cite,
64
- del, dfn, em, img, ins, q, s,
65
- small, strike, strong, sub, sup, var,
66
- b, u, i, center,
67
- dl, dt, dd, ol, ul, li,
68
- fieldset, form, label, legend,
69
- table, caption, tbody, tfoot, thead, tr, th, td,
70
- article, aside, canvas, details, embed,
71
- figure, figcaption, footer, header, hgroup,
72
- menu, nav, output, ruby, section, summary,
73
- time, mark, audio, video {
74
- font-family: $bodyfont;
75
- }
76
-
77
- code, pre, tt, kbd, samp {
78
- font-family: $monospacefont;
79
- font-variant-ligatures: none;
80
- }
81
-
82
- code *, pre *, tt *, kbd *, samp * {
83
- font-family: $monospacefont !important;
84
- font-variant-ligatures: none;
85
- }
86
-
87
- h1, h2, h3, h4, h5, h6, .h2Annex {
88
- font-family: $headerfont;
89
- }
1
+ $doctype-colors-list: (
2
+ standard: #0ac442,
3
+ governance: #750697,
4
+ guide: #48a0e7,
5
+ );
90
6
 
91
- dl {
92
- display: grid;
93
- grid-template-columns: max-content auto;
94
- }
7
+ $docstage-colors-list: (
8
+ working-draft: #fda706,
9
+ committee-draft: #fd06fd,
10
+ draft-standard: #fdf906,
11
+ standard: #0ac442,
12
+ obsolete: #7e0d13,
13
+ );
95
14
 
96
- dt {
97
- grid-column-start: 1;
98
- }
15
+ $mainContentsOffsetLeft: 4em;
99
16
 
100
- dd {
101
- grid-column-start: 2;
102
- }
103
17
 
104
- dd p, dt p {
105
- margin-top: 0px;
106
- }
107
-
108
- /* HTML5 display-role reset for older browsers */
109
- article, aside, details, figcaption, figure,
110
- footer, header, hgroup, menu, nav, section {
111
- display: block;
112
- }
113
- body {
114
- line-height: 1.3;
115
- }
116
- blockquote, q {
117
- quotes: none;
118
- }
119
- blockquote:before, blockquote:after,
120
- q:before, q:after {
121
- content: '';
122
- content: none;
123
- }
124
- table {
125
- border-collapse: collapse;
126
- border-spacing: 0;
127
- }
18
+ @import 'base_style/all';
128
19
 
129
20
 
130
21
  body {
131
- margin-left: 298px;
132
- margin-right: 2em;
133
- }
134
-
135
- main {
136
- padding-left: 4em;
137
- padding-right: 2em;
22
+ @include bodyStyle1($bodyfont, 1.3, black, white);
23
+ @include sidebarNavContainer(323px);
138
24
  }
139
25
 
140
26
  .title-section, .prefatory-section {
141
- padding-left: 4em;
142
- padding-top: 2em;
143
- }
144
-
145
- .prefatory-section {
146
- margin-bottom: 5em;
147
- }
148
-
149
- .doctitle-en, .doctitle-fr {
150
- margin-top: 2em;
151
- text-align: left;
152
- }
153
-
154
- .doctitle-en {
155
- background-color: black;
156
- padding-left: 3em;
157
- margin-left: -3em;
158
- padding-top: 2em;
159
- padding-bottom: 2em;
160
-
161
- }
162
-
163
- .doctitle-en span {
164
- font-size: 1.5em;
165
- line-height: 1.5em;
166
- font-weight: 900;
167
- display: block;
168
- color: white;
169
- }
170
-
171
-
172
- .doctitle-fr span {
173
- font-size: 1.2em;
174
- line-height: 1.2em;
175
- font-style: italic;
176
- display: block;
177
- }
178
-
179
- span.title {
180
- text-transform: uppercase;
181
- font-size: 1em;
182
- font-weight: 800;
183
- }
184
-
185
- .coverpage_docstage {
186
- margin-top: 2em;
187
- margin-bottom: 2em;
188
- }
189
-
190
- .coverpage_warning {
191
- border-top: solid 1px #f36f36;
192
- border-bottom: solid 1px #f36f36;
193
- margin: 1em 2em;
194
- color: #485094;
195
- padding: 1em;
196
- }
197
-
198
- .coverpage_warning .title {
199
- color: #f36f36;
200
- font-weight: 500;
201
- }
202
-
203
- .coverpage_warning .content {
204
- font-style: italic;
205
- }
206
-
207
- .coverpage_docnumber, .coverpage_techcommittee {
208
- text-align: right;
209
- font-size:14.0pt;
210
- }
211
-
212
- .coverpage {
213
- text-align: center;
214
- margin: 2em 0;
215
- }
216
-
217
- .coverpage-category {
218
- float: left;
219
- text-align: left;
220
- }
221
-
222
-
223
- .coverpage-logo {
224
- color: #485094;
225
- }
226
-
227
- .coverpage-tc-name {
228
- color: #485094;
229
- font-size: 1.2em;
230
- line-height: 1.2em;
231
- margin: 0.25em 0;
232
- }
233
-
234
- .coverpage-doc-identity {
235
- background-color: #485094;
236
- color: white;
237
- font-size: 2em;
238
- line-height: 2em;
239
- margin: 0.5em 0;
240
- }
241
-
242
- .coverpage-doc-identity-first {
243
- font-size: 5mm;
244
- text-align: right;
245
- padding-right: 5mm;
246
- padding-bottom: 1em;
247
- padding-top: 1em;
248
- }
249
-
250
- .coverpage-title {
251
- font-weight: 400;
252
- }
253
-
254
- .coverpage-title .title-second {
255
- display: none;
256
- }
257
-
258
- .coverpage-logo-text {
259
- font-size:24.0pt;
260
- }
261
-
262
- .coverpage-stage-block {
263
- font-style: italic ;
264
- text-align: center;
265
- font-size: 1.25em;
266
- font-weight: 600;
267
- }
268
-
269
- span.date-publish {
270
- float:left;
271
- }
272
-
273
- span.date-active {
274
- float:right;
275
- }
276
-
277
- .coverpage-doc-relations {
278
- font-size:10.5pt;
279
- padding-top: 0.5em;
280
- }
281
-
282
- .coverpage-title-zh {
283
- font-size: 8mm;
284
- display: flex;
285
- flex-wrap: wrap;
286
- justify-content: center;
287
- /* flex-direction: column; */
288
- font-family:$headerfont;
289
- }
27
+ padding-right: 2em;
290
28
 
291
- .coverpage-title-zh span {
292
- padding-top: 2mm;
293
- font-size: 28pt;
294
- }
295
-
296
- .coverpage-title-en {
297
- margin-top: 10mm;
298
- font-size: 18pt;
299
- display: flex;
300
- flex-wrap: wrap;
301
- justify-content: center;
302
- font-family:$headerfont;
303
- }
304
-
305
- .coverpage-title-en span {
306
- display: block;
307
- }
308
-
309
- .coverpage-title-en .title-first {
310
- text-transform: uppercase;
311
- }
312
-
313
-
314
- .coverpage-iso-relation {
315
- font-size:14pt;
316
- margin-top: 10mm;
317
- text-align: center;
318
- }
319
- .coverpage-dates {
320
- font-size:14.0pt;
321
- width:100%;
322
- margin-top: 25mm;
323
- font-family:$headerfont;
324
- border-bottom: 1px solid #000;
325
- }
326
-
327
- .coverpage_footer {
328
- text-align:center;
329
- font-size: 16pt;
330
- font-weight: 600;
331
- width: 100%;
332
- margin-top: 10mm;
333
- }
334
-
335
- /* NEW */
336
- .coverpage_footer table, .coverpage_footer th, .coverpage_footer td {
337
- border: 0;
338
- }
339
-
340
- /* NEW */
341
- .coverpage_footer th, .coverpage_footer td {
342
- padding: 5px;
343
- font-size: 1.1em;
344
- font-weight: 600;
345
- }
346
-
347
- /* NEW */
348
- .coverpage_footer .publish {
349
- vertical-align: middle;
350
- }
29
+ padding-left: $mainContentsOffsetLeft;
30
+ padding-top: 2em;
351
31
 
352
-
353
- .coverpage-banner {
354
- padding-top: 5mm;
355
- margin-left:auto;
356
- margin-right:auto;
357
- width:auto;
358
- display:flex;
359
- flex-wrap: wrap;
360
- justify-content: center;
32
+ @media screen and (min-width: $bigscreenBreakpoint) {
33
+ padding-top: 0;
34
+ }
361
35
  }
362
36
 
363
37
 
364
- .copyright .name {
365
- font-weight: 900;
366
- padding-top: 1em;
367
- }
368
-
369
- .copyright .year, .copyright .message,
370
- .copyright .name, .copyright .address {
371
- margin-top: 1em;
372
- line-height: 1.1em;
373
- display: block;
374
- }
38
+ @import 'coverpage';
375
39
 
376
- .copyright .message, .copyright .name,
377
- .copyright .address {
378
- font-size: 0.9em;
379
- }
380
40
 
381
- .copyright .name {
382
- color: #485094;
383
- font-weight: 600;
384
- }
385
-
386
- .copyright .address {
387
- color: #485094;
41
+ .prefatory-section {
42
+ margin-bottom: 5em;
388
43
  }
389
44
 
390
45
 
391
-
392
- /* TYPOGRAPHY */
393
-
394
46
  h1 {
395
47
  font-size: 1.5em;
396
48
  line-height: 2em;
397
49
  color: #485094;
398
50
  font-weight: 400;
51
+
52
+ margin-top: 2em;
53
+ margin-bottom: 1em;
399
54
  }
400
55
 
401
56
  h2 {
@@ -403,6 +58,20 @@ h2 {
403
58
  line-height: 1.5em;
404
59
  color: #485094;
405
60
  font-weight: 300;
61
+
62
+ margin-top: 2em;
63
+ margin-bottom: 1em;
64
+
65
+ p {
66
+ display: inline;
67
+ }
68
+
69
+
70
+ &.toc-contents {
71
+ @media screen and (min-width: $bigscreenBreakpoint) {
72
+ margin-top: 1em;
73
+ }
74
+ }
406
75
  }
407
76
 
408
77
  h3 {
@@ -412,635 +81,320 @@ h3 {
412
81
  font-weight: 300;
413
82
  }
414
83
 
415
-
416
- h1 {
417
- margin-top: 2em;
418
- margin-bottom: 1em;
419
- }
420
-
421
- h2 {
422
- margin-top: 2em;
423
- margin-bottom: 1em;
424
- }
425
-
426
84
  h4, h5, h6 {
427
- line-height: 1.2;
85
+ line-height: 1.2;
428
86
  }
429
87
 
430
- h2 p {
431
- display: inline;
432
- }
433
88
 
434
89
  p {
435
- margin-top: 1em;
436
- margin-bottom: 1em;
437
- line-height: 1.2em;
90
+ margin-top: 1em;
91
+ margin-bottom: 1em;
92
+ line-height: 1.2em;
438
93
  }
439
94
 
440
95
  p.zzSTDTitle1 {
441
- font-weight: 700;
442
- font-size: 1.5em;
96
+ font-weight: 700;
97
+ font-size: 1.5em;
443
98
  }
444
99
 
445
100
  span.obligation {
446
- font-weight: 400;
447
- }
448
-
449
- a, a:visited {
450
- text-decoration: none;
451
- color: #485094;
452
- }
453
-
454
- a:hover {
455
- text-style: italic;
456
- color: #485094;
457
- }
458
-
459
- nav a {
460
- color: black;
461
- text-decoration: none;
462
- line-height: 1.2em;
463
- }
464
-
465
- p.TermNum {
466
- color: #485094;
467
101
  font-weight: 400;
468
- margin: 0;
469
102
  }
470
103
 
471
- p.Terms {
472
- color: #485094;
473
- font-weight: 400;
474
- margin: 0;
475
- }
476
-
477
- p.AltTerms {
478
- color: #485094;
479
- font-weight: 400;
480
- font-style: italic;
481
- margin: 0;
104
+ sup a {
105
+ vertical-align: super;
106
+ font-size: 0.8em;
482
107
  }
483
108
 
484
- p.DeprecatedTerms {
485
- color: #485094;
486
- font-weight: 400;
487
- font-style: italic;
488
- margin: 0;
109
+ a {
110
+ &, &:visited {
111
+ text-decoration: none;
112
+ color: #485094;
113
+ }
114
+ &:hover {
115
+ text-style: italic;
116
+ color: #485094;
117
+ }
489
118
  }
490
119
 
120
+ ul, ol {
121
+ margin-left: 2em;
491
122
 
492
- /* Navigation*/
493
-
494
- @media screen and (min-width: 768px) {
495
- nav {
496
- position: fixed;
497
- top: 0;
498
- bottom: 0;
499
- left: 0;
500
- width: 278px;
501
- font-size: 0.9em;
502
- overflow: auto;
503
- padding: 0 0 0 45px;
504
- background-color:#f7f7f7;
505
- }
506
-
507
- #toggle {
508
- position: fixed;
509
- height: 100%;
510
- width: 30px;
511
- background-color:black;
512
- color: white!important;
513
- cursor: pointer;
514
- margin-left: -4em;
515
- margin-top: -2em;
516
- }
517
-
518
- #toggle span {
519
- text-align: center;
520
- width: 100%;
521
- position: absolute;
522
- top: 50%;
523
- transform: translate(0, -50%);
524
-
525
- }
526
-
527
-
528
- .container {
529
- padding-left: 360px;
530
- }
531
-
532
- .rule.toc {
533
- display: none;
534
- }
535
-
536
- h1.toc-contents {
537
- margin-top: 1em;
538
- }
539
-
540
- ul#toc-list {
541
- padding:0;
542
- margin:0;
543
- }
123
+ li p {
124
+ margin-bottom: 0.6em;
125
+ line-height: 1.2;
126
+ }
544
127
  }
545
128
 
546
- @media screen and (max-width: 768px) {
547
- #toc {
548
- padding: 0 1.5em 0 1.5em;
549
- overflow: visible;
550
- }
551
-
552
- #toggle {
553
- display: none;
554
- margin-left: -4em;
555
- margin-top: -2em;
556
- }
557
-
558
- body {
559
- margin-left: 2em;
560
- }
561
-
562
- main {
563
- padding: 0;
564
- }
565
-
566
- .title-section, .prefatory-section {
567
- padding-left: 0;
568
- padding-top: 0;
569
- width: 100%;
570
- }
129
+ ol > li > p:before {
130
+ content: "";
131
+ display: none;
571
132
  }
572
133
 
573
- div.figure > img:not(.logo) {
574
- margin-left: auto;
575
- margin-right: auto;
576
- display: block;
577
- max-width: 100%;
578
- height: auto;
579
- }
580
-
581
134
 
135
+ // Keywords
582
136
 
583
- #toc ul {
584
- margin: 0;
585
- padding: 0;
586
- list-style: none;
137
+ span.keyword {
138
+ font-weight: 600;
587
139
  }
588
140
 
589
- #toc li a {
590
- padding: 5px 10px;
591
- }
592
141
 
593
- #toc a {
594
- text-decoration: none;
595
- display: block;
596
- }
142
+ // Terms
597
143
 
598
- #toc a:hover {
599
- box-shadow: none;
600
- color: white;
144
+ p.TermNum,
145
+ p.Terms,
146
+ p.AltTerms,
147
+ p.DeprecatedTerms {
148
+ margin: 0;
149
+ color: #485094;
150
+ font-weight: 400;
601
151
  }
602
152
 
603
- #toc .h2 {
604
- padding-left: 30px;
153
+ p.AltTerms,
154
+ p.DeprecatedTerms {
155
+ font-style: italic;
605
156
  }
606
157
 
607
- #toc .h3 {
608
- padding-left: 50px;
609
- }
610
158
 
611
- #toc .toc-active a {
612
- color: white;
613
- }
159
+ // Nav
614
160
 
615
- #toc .toc-active, #toc li:hover {
616
- background: #1d1d1d;
617
- box-shadow: inset -5px 0px 10px -5px #1d1d1d!important;
161
+ nav {
162
+ @include sidebarNav(#f7f7f7, 278px, 45px);
618
163
 
164
+ a {
165
+ color: black;
166
+ text-decoration: none;
167
+ line-height: 1.2em;
168
+ }
619
169
  }
620
170
 
621
- #toc li:hover a {
622
- color: white;
623
- }
171
+ #toggle {
172
+ @include sidebarNavToggle(white, black);
624
173
 
625
- /*
626
- ul li {
627
- list-style: none;
174
+ @media screen and (min-width: $bigscreenBreakpoint) {
175
+ margin-left: -$mainContentsOffsetLeft;
176
+ width: 30px;
628
177
  }
178
+ }
629
179
 
630
- ul > li > p:first-child:before {
631
- content: "\2014";
632
- display: inline-block;
633
- width: 1em;
634
- margin-left: -1.5em;
635
- margin-right: 0.5em;
636
- }
637
- */
638
-
639
- li p {
640
- /* display: inline-block; */
641
- margin-bottom: 0.6em;
642
- line-height: 1.2;
643
- }
180
+ #toc {
181
+ @include toc(inherit, #1d1d1d, white);
644
182
 
645
- #toc li:before {
183
+ li:before {
646
184
  content: " ";
647
185
  display: none;
648
186
  }
649
-
650
- /*
651
- Document types + stages
652
- */
653
-
654
- .document-type-band {
655
- left:0;
656
- top:180px;
657
- height: 100%;
658
- position: fixed;
659
- display: block;
660
- z-index: 99;
661
- /*box-shadow: -5px 0px 10px #1d1d1d*/
662
-
663
- }
664
-
665
- .document-stage-band {
666
- left:0;
667
- top:0;
668
- height: 100%;
669
- position: fixed;
670
- display: block;
671
- z-index: 98;
672
- box-shadow: -5px 0px 10px #1d1d1d
673
- }
674
-
675
- .document-type {
676
- position: relative;
677
- width: 25px;
678
187
  }
679
188
 
680
- .document-stage {
681
- position: relative;
682
- width: 25px;
683
- }
684
-
685
- p.document-type, p.document-stage {
686
- color: white;
687
- text-transform: uppercase;
688
- font-size: 0.9em;
689
- font-weight: 400;
690
- letter-spacing: 0.05em;
691
- margin:0;
692
- margin-left: 6px;
693
- writing-mode:tb-rl;
694
- -webkit-transform:rotate(180deg);
695
- -moz-transform:rotate(180deg);
696
- -o-transform: rotate(180deg);
697
- white-space:nowrap;
698
- display:block;
699
- bottom:0;
700
- }
701
-
702
- p.document-type {
703
- font-weight: 400;
704
- height: 210px;
705
- }
706
-
707
- #governance-band p.document-type {
708
- font-weight: 400;
709
- height: 230px!important;
710
- }
711
-
712
- p.document-stage {
713
- font-weight: 300;
714
- height:160px;
715
- }
716
-
717
- #standard-band {
718
- background-color: #0ac442;
719
- }
189
+ #toc-list {
190
+ ul {
191
+ margin-bottom: 0.25em;
192
+ li {
193
+ list-style-type: none;
194
+ }
195
+ }
720
196
 
721
- #standard {
722
- border-bottom: solid 3px #0ac442;
197
+ @media screen and (min-width: $bigscreenBreakpoint) {
198
+ padding: 0;
199
+ margin: 0;
200
+ }
723
201
  }
724
202
 
725
- #governance {
726
- border-bottom: solid 3px #750697;
203
+ #myBtn {
204
+ @include toTopBtn($color: white, $colorBg: #1d1d1d);
727
205
  }
728
206
 
729
- #governance-band {
730
- background-color: #750697;
731
- }
732
207
 
733
- #guide {
734
- border-bottom: solid 3px #48a0e7;
735
- }
208
+ // Typography misc.
736
209
 
737
- #guide-band {
738
- background-color: #48a0e7;
739
- }
210
+ .rule {
211
+ @include rule(1px, #0e1a85);
740
212
 
741
- .coverpage-maturity {
742
- font-family: 'Overpass', sans-serif;
743
- font-weight: 400;
744
- font-size: 1em;
745
- margin: 0 0 2em 0;
746
- text-transform: uppercase;
213
+ &.toc {
214
+ @media screen and (min-width: $bigscreenBreakpoint) {
215
+ display: none;
747
216
  }
748
-
749
- #working-draft {
750
- border-bottom: solid 3px #fda706;
217
+ }
751
218
  }
752
219
 
753
- #working-draft-band {
754
- background-color: #fda706;
755
- }
756
220
 
757
- #committee-draft {
758
- border-bottom: solid 3px #fd06fd;
759
- }
221
+ // Bands
760
222
 
761
- #committee-draft-band {
762
- background-color: #fd06fd;
763
- }
764
-
765
- #draft-standard {
766
- border-bottom: solid 3px #fdf906;
223
+ .document-stage-band {
224
+ @include docBand($order: 1, $textLength: 160px, $fontWeight: 300);
767
225
  }
768
226
 
769
- #draft-standard {
770
- border-bottom: solid 3px #fdf906;
227
+ .document-type-band {
228
+ @include docBand($order: 2, $textLength: 210px, $offset: 180px);
771
229
  }
772
230
 
773
- #standard {
774
- border-bottom: solid 3px #0ac442;
231
+ #governance-band p.document-type {
232
+ font-weight: 400;
233
+ height: 230px !important;
775
234
  }
776
235
 
777
- #standard-band {
778
- background-color: #0ac442;
779
- }
780
236
 
781
- #obsolete {
782
- border-bottom: solid 3px #7e0d13;
783
- }
237
+ // Bibliograhy
784
238
 
785
- #obsolete-band {
786
- background-color: #7e0d13;
239
+ p.Biblio, p.NormRef {
240
+ margin-top: 1em;
241
+ margin-left: 2em;
787
242
  }
788
243
 
789
244
 
790
- /* 3 Other styles */
791
-
792
- /*
793
- 3.3 Lists
794
- */
795
-
796
- ul, ol {margin-left: 2em;}
797
-
798
- #toc-list ul {margin-bottom: 0.25em;}
799
-
800
- #toc-list ul li {list-style-type: none;}
801
-
802
- /*
803
- 3.4 Rules
804
- */
805
-
806
- .rule {
807
- width: 100%;
808
- height: 1px;
809
- background-color: #0e1a85;
810
- margin: 2em 0;
811
- }
245
+ // Blocks
812
246
 
813
- /*
814
- 3.5 Bibliograhy
815
- */
247
+ .figure {
248
+ @include figureBlock();
249
+ background-color: #f7f7f7;
816
250
 
817
- p.Biblio, p.NormRef {
818
- margin-top: 1em;
819
- margin-left: 2em;
251
+ /*
252
+ div.figure > img:not(.logo) {
253
+ TODO: ^^^ Relevant selector?
254
+ margin-left: auto;
255
+ margin-right: auto;
256
+ display: block;
257
+ max-width: 100%;
258
+ height: auto;
259
+ }
260
+ */
820
261
  }
821
262
 
822
- /*
823
- 3.6 Source Code + figures
824
- */
825
-
826
263
  .Sourcecode {
827
- font-family: $monospacefont;
828
- font-variant-ligatures: none;
264
+ @include sourceBlock(#f7f7f7, null);
265
+ // Requires fontSize: null, but needs an update in isodoc
266
+ // @include sourceBlock(#f7f7f7, null, null);
829
267
  }
830
268
 
831
- .figure, .Sourcecode, .pseudocode {
832
- background-color: #f7f7f7;
833
- line-height: 1.6em;
834
- padding: 1.5em;
835
- margin: 2em 0 1em 0;
836
- overflow: auto;
269
+ .pseudocode {
270
+ @include pseudocodeBlock(#f7f7f7, null);
271
+ // Requires fontSize: null, but needs an update in isodoc
272
+ // @include pseudocodeBlock(#f7f7f7, null, null);
837
273
  }
838
274
 
839
- .figure-title, .FigureTitle, .SourceTitle, .AdmonitionTitle {
840
- font-weight: 700;
841
- font-size: 1em;
842
- text-align: center;
275
+ .RecommendationTitle {
276
+ @include blockTitle();
843
277
  }
844
278
 
845
- /*
846
- 3.7 Notes
847
- */
848
-
849
279
  .Note, .note {
850
- background-color: #fff495;
851
- color: #47430c;
852
- padding: 0.5em;
853
- margin: 1.5em 0 1.5em 0;
854
- text-align: left;
855
- }
280
+ background-color: #fff495;
281
+ color: #47430c;
282
+ padding: 0.5em;
283
+ margin: 1.5em 0 1.5em 0;
284
+ text-align: left;
856
285
 
857
- .Note p, .note p {
286
+ p {
858
287
  margin: 0;
288
+ }
859
289
  }
860
290
 
861
291
  .Admonition {
862
- background-color: #ffcccc;
863
- color: #47430c;
864
- padding: 0.5em;
865
- margin: 1.5em 0 1.5em 0;
866
- text-align: left;
867
- }
292
+ @include admonitionBlock();
868
293
 
869
- .Admonition p {
294
+ background-color: #ffcccc;
295
+ color: #47430c;
296
+ padding: 0.5em;
297
+ margin: 1.5em 0 1.5em 0;
298
+ text-align: left;
299
+
300
+ p {
870
301
  margin: 0;
302
+ }
871
303
  }
872
304
 
873
-
874
- /*
875
- 3.8 Examples
876
- */
877
-
878
305
  .example {
879
- background-color: #e1eef1;
880
- padding: 0.5em;
881
- margin: 2em 0 1em 0;
882
- text-align: left;
883
- padding-left: 2em;
884
- }
306
+ @include exampleBlock(#e1eef1, null, .5em, 1.5em);
885
307
 
886
- .example p {
887
- margin: 0;
308
+ .example-title {
309
+ margin-top:0;
310
+ }
311
+
312
+ .Sourcecode, .pseudocode {
313
+ background: none;
314
+ }
888
315
  }
889
316
 
890
- .example .example-title {
891
- font-weight: 700;
892
- text-transform: uppercase;
893
- margin-top:0;
894
- margin-left:-1.5em;
317
+ .blockquote, .Quote {
318
+ @include blockquoteBlock(#f7f7f7);
895
319
  }
896
320
 
321
+ .formula {
322
+ @include formulaBlock(#f7f7f7);
897
323
 
898
- .example .Sourcecode, .example .pseudocode {
899
- background: none;
324
+ margin-left: 20%;
325
+ margin-right: 20%;
326
+ font-size: 0.9em;
900
327
  }
901
328
 
902
- /*
903
- 3.9 Tables
904
- */
329
+ .Admonition, .admonition {
330
+ background-color: #ffb3b3;
331
+ padding: 0.5em;
332
+ margin: 1.5em 0 1.5em 0;
333
+ text-align: left;
905
334
 
906
- table {
907
- border-collapse: collapse;
908
- width: 100%;
909
- font-weight: 300;
910
- margin: 1em 0 2em 0;
911
- margin-left: auto;
912
- margin-right: auto;
913
- padding-right: 2em;
914
- text-align: center;
335
+ p {
336
+ margin: 0;
337
+ }
915
338
  }
916
339
 
917
- table, th, td {
918
- border: 1px solid black;
919
- font-size: 0.95em;
920
- }
921
340
 
922
- td, th {
923
- padding: 1em!important;
924
- }
341
+ // Tables
925
342
 
926
- td.header {
927
- font-weight: 400;
343
+ table {
344
+ @include table(1px solid black);
345
+
346
+ text-align: center;
928
347
  }
929
348
 
930
349
  p.TableTitle {
931
- text-align: center;
932
- margin-top: 2.5em;
933
- font-weight: 800;
934
- font-size: 1.1em;
350
+ text-align: center;
351
+ margin-top: 2.5em;
352
+ font-weight: 800;
353
+ font-size: 1.1em;
935
354
  }
936
355
 
937
356
  .TableFootnote {
938
- text-align: left!important;
357
+ text-align: left !important;
939
358
  }
940
359
 
941
- /*
942
- 3.10 Footnotes
943
- */
360
+
361
+ // Footnotes
944
362
 
945
363
  a.footnote-number, a.TableFootnoteRef, span.TableFootnoteRef {
946
- vertical-align: super;
947
- font-size: 0.8em;
364
+ vertical-align: super;
365
+ font-size: 0.8em;
948
366
  }
949
367
 
950
368
  .footnote {
951
- font-size: 0.9em;
369
+ font-size: 0.9em;
952
370
  }
953
371
 
954
- sup a {
955
- vertical-align: super;
956
- font-size: 0.8em;
957
- }
958
- #footnote_box {
959
- font-size: 14px;
960
- background: white;
961
- padding: 0 10px;
962
- margin: 10px;
963
- border: 1px solid #888;
964
- -moz-box-shadow: 0px 0px 5px #888;
965
- -webkit-box-shadow: 0px 0px 5px #888;
966
- box-shadow: 0px 0px 5px #888;
967
- }
968
-
969
- ol.footnotes-list, aside.footnote {
970
- margin-left: 1em;
971
-
972
- }
973
-
974
- ol.footnotes-list li, aside.footnote {
975
- font-size: 0.9em;
976
- vertical-align: top;
977
- list-style:decimal;
978
- margin-bottom: 1em;
979
- }
980
-
981
- ol.footnotes-list:first-child {
982
- margin-top: 2em;
983
- }
984
-
985
- ol.footnotes-list p, aside.footnote {
986
- display: inline;
987
- }
988
-
989
- ol > li > p:before {
990
- content: "";
991
- display: none;
992
- }
993
-
994
-
995
-
996
- /*
997
- 3.11 Blockquotes
998
- */
999
-
1000
- .blockquote, .Quote {
1001
- background-color: #f7f7f7;
1002
- font-style: italic;
1003
- width: 80%;
1004
- padding: 1.5em;
1005
- margin-top: 2em;
1006
- margin-left: auto;
1007
- margin-right: auto;
372
+ #footnote_box {
373
+ font-size: 14px;
374
+ background: white;
375
+ padding: 0 10px;
376
+ margin: 10px;
377
+ border: 1px solid #888;
378
+ -moz-box-shadow: 0px 0px 5px #888;
379
+ -webkit-box-shadow: 0px 0px 5px #888;
380
+ box-shadow: 0px 0px 5px #888;
1008
381
  }
1009
382
 
1010
-
1011
- /*
1012
- 3.12 Formulas
1013
- */
1014
-
1015
- .formula {
1016
- background-color: #f7f7f7;
1017
- padding: 1.5em;
1018
- margin-top: 2em;
1019
- text-align: center;
1020
- margin-left: 20%;
1021
- margin-right: 20%;
1022
- font-size: 0.9em;
383
+ ol.footnotes-list, aside.footnote {
384
+ margin-left: 1em;
1023
385
  }
1024
386
 
1025
- /*
1026
- Keywords
1027
- */
1028
-
1029
- span.keyword {
1030
- font-weight: 600;
387
+ ol.footnotes-list li, aside.footnote {
388
+ font-size: 0.9em;
389
+ vertical-align: top;
390
+ list-style:decimal;
391
+ margin-bottom: 1em;
1031
392
  }
1032
393
 
1033
-
1034
- .Admonition, .admonition {
1035
- background-color: #ffb3b3;
1036
- /* color: #47430c;*/
1037
- padding: 0.5em;
1038
- margin: 1.5em 0 1.5em 0;
1039
- text-align: left;
394
+ ol.footnotes-list:first-child {
395
+ margin-top: 2em;
1040
396
  }
1041
397
 
1042
- .Admonition p, .admonition p {
1043
- margin: 0;
398
+ ol.footnotes-list p, aside.footnote {
399
+ display: inline;
1044
400
  }
1045
-
1046
-