metanorma-bipm 1.2.5 → 2.0.2

Sign up to get free protection for your applications and to get access to all the features.
@@ -246,59 +246,66 @@ main {
246
246
  /*
247
247
  2. Responsive navigation layout
248
248
  */
249
- #toc {
249
+ #toc, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) {
250
250
  font-family: {{bodyfont}};
251
251
  font-weight: 400; }
252
- #toc ul {
252
+ #toc ul, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul {
253
253
  margin: 0;
254
254
  padding: 0;
255
255
  list-style: none; }
256
- #toc ul li a {
256
+ #toc ul li a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul li a {
257
257
  padding: 5px 10px; }
258
- #toc ul a {
258
+ #toc ul a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul a {
259
259
  color: #485094;
260
260
  text-decoration: none;
261
261
  display: block; }
262
- #toc ul a:hover {
262
+ #toc ul a:hover, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul a:hover {
263
263
  box-shadow: none;
264
264
  color: #485094; }
265
- #toc .h2 {
265
+ #toc .h2, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .h2 {
266
266
  padding-left: 30px; }
267
- #toc .h3 {
267
+ #toc .h3, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .h3 {
268
268
  padding-left: 50px; }
269
- #toc .toc-active, #toc li:hover {
269
+ #toc .toc-active, #toc li:hover, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .toc-active, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) li:hover {
270
270
  background: #6C734A;
271
271
  box-shadow: inset -5px 0px 10px -5px #6C734A !important; }
272
- #toc .toc-active a, #toc li:hover a {
272
+ #toc .toc-active a, #toc li:hover a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .toc-active a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) li:hover a {
273
273
  color: #485094; }
274
274
  @media print {
275
- #toc .toc-active, #toc li:hover {
275
+ #toc .toc-active, #toc li:hover, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .toc-active, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) li:hover {
276
276
  background: white;
277
277
  box-shadow: none !important; }
278
- #toc .toc-active a {
278
+ #toc .toc-active a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .toc-active a {
279
279
  color: #485094; }
280
- #toc li:hover a {
280
+ #toc li:hover a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) li:hover a {
281
281
  color: black; } }
282
282
  @media screen and (max-width: 768px) {
283
- #toc {
283
+ #toc, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) {
284
284
  padding: 0 1.5em;
285
285
  overflow: visible; } }
286
- #toc .toc-active a {
286
+ #toc .toc-active a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .toc-active a {
287
287
  color: white; }
288
288
  #toc .toc-active,
289
- #toc li:hover {
289
+ #toc li:hover, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .toc-active,
290
+ #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) li:hover {
290
291
  box-shadow: none !important; }
291
292
  #toc .toc-active a,
292
- #toc li:hover a {
293
+ #toc li:hover a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .toc-active a,
294
+ #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) li:hover a {
293
295
  color: white;
294
296
  background: none;
295
297
  box-shadow: none; }
296
- #toc li a {
298
+ #toc li a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) li a {
297
299
  text-transform: uppercase; }
298
- #toc ul a:hover {
300
+ #toc ul a:hover, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul a:hover {
299
301
  box-shadow: none;
300
302
  color: white; }
301
303
 
304
+ #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) {
305
+ margin-top: 0;
306
+ margin-bottom: 0;
307
+ font-size: 100%; }
308
+
302
309
  @media screen and (min-width: 768px) {
303
310
  nav {
304
311
  position: fixed;
@@ -352,7 +359,7 @@ main {
352
359
  display: none; }
353
360
  h1.toc-contents {
354
361
  margin-top: 1em; }
355
- ul#toc-list {
362
+ ul#toc-list, ul#toc-list > :is(.h1, .h2, .h3, .h4, .h5, .h6) {
356
363
  padding: 0;
357
364
  margin: 0; } }
358
365
 
@@ -52,7 +52,7 @@ main {
52
52
  2. Responsive navigation layout
53
53
  */
54
54
 
55
- #toc {
55
+ #toc, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) {
56
56
  @include toc(#485094, #6C734A, #485094);
57
57
  @include sidebarToc();
58
58
 
@@ -83,6 +83,12 @@ main {
83
83
  }
84
84
  }
85
85
 
86
+ #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) {
87
+ margin-top: 0;
88
+ margin-bottom: 0;
89
+ font-size: 100%;
90
+ }
91
+
86
92
  nav {
87
93
  @include sidebarNav(#f7f7f7, 323px, 45px);
88
94
  }
@@ -104,7 +110,7 @@ nav {
104
110
  margin-top: 1em;
105
111
  }
106
112
 
107
- ul#toc-list {
113
+ ul#toc-list, ul#toc-list > :is(.h1, .h2, .h3, .h4, .h5, .h6) {
108
114
  padding: 0;
109
115
  margin: 0;
110
116
  }