nhsuk-tools-chart-components-react 1.1.1 → 1.1.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/cjs/bundle.css +15 -15
- package/dist/esm/bundle.css +51 -51
- package/package.json +1 -1
package/dist/cjs/bundle.css
CHANGED
|
@@ -189,6 +189,21 @@
|
|
|
189
189
|
box-shadow: none;
|
|
190
190
|
}
|
|
191
191
|
|
|
192
|
+
.nhsuk-bmi-axis-marker {
|
|
193
|
+
position: absolute;
|
|
194
|
+
outline: 0.5px solid black;
|
|
195
|
+
height: 5px;
|
|
196
|
+
bottom: -5px;
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
.nhsuk-bmi-axis-marker-label {
|
|
200
|
+
position: absolute;
|
|
201
|
+
bottom: -25px;
|
|
202
|
+
left: -10px;
|
|
203
|
+
width: 20px;
|
|
204
|
+
text-align: center;
|
|
205
|
+
}
|
|
206
|
+
|
|
192
207
|
.nhsuk-bp-graph {
|
|
193
208
|
position: relative;
|
|
194
209
|
margin-left: 20px;
|
|
@@ -243,21 +258,6 @@
|
|
|
243
258
|
border-bottom: 2px solid black;
|
|
244
259
|
}
|
|
245
260
|
|
|
246
|
-
.nhsuk-bmi-axis-marker {
|
|
247
|
-
position: absolute;
|
|
248
|
-
outline: 0.5px solid black;
|
|
249
|
-
height: 5px;
|
|
250
|
-
bottom: -5px;
|
|
251
|
-
}
|
|
252
|
-
|
|
253
|
-
.nhsuk-bmi-axis-marker-label {
|
|
254
|
-
position: absolute;
|
|
255
|
-
bottom: -25px;
|
|
256
|
-
left: -10px;
|
|
257
|
-
width: 20px;
|
|
258
|
-
text-align: center;
|
|
259
|
-
}
|
|
260
|
-
|
|
261
261
|
.nhsuk-bp-classification-low, .nhsuk-bp-legend-key-classification-low {
|
|
262
262
|
background: #330072;
|
|
263
263
|
}
|
package/dist/esm/bundle.css
CHANGED
|
@@ -15,6 +15,19 @@
|
|
|
15
15
|
margin-bottom: 3px;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
+
.nhsuk-bar-slider-graph {
|
|
19
|
+
position: relative;
|
|
20
|
+
outline: 1px solid black;
|
|
21
|
+
margin-top: 20px;
|
|
22
|
+
display: flex;
|
|
23
|
+
height: 28px;
|
|
24
|
+
}
|
|
25
|
+
@media (min-width: 320px) and (max-width: 641px) {
|
|
26
|
+
.nhsuk-bar-slider-graph {
|
|
27
|
+
height: 24px;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
18
31
|
.nhsuk-bar-slider-arrow-marker {
|
|
19
32
|
position: absolute;
|
|
20
33
|
height: 16px;
|
|
@@ -347,6 +360,44 @@
|
|
|
347
360
|
text-align: center;
|
|
348
361
|
}
|
|
349
362
|
|
|
363
|
+
.nhsuk-bp-graph-marker {
|
|
364
|
+
position: absolute;
|
|
365
|
+
z-index: 6;
|
|
366
|
+
height: 24px;
|
|
367
|
+
width: 24px;
|
|
368
|
+
margin: 0 0 -12px -12px;
|
|
369
|
+
}
|
|
370
|
+
@media (max-width: 320px) {
|
|
371
|
+
.nhsuk-bp-graph-marker {
|
|
372
|
+
height: 20px;
|
|
373
|
+
width: 20px;
|
|
374
|
+
margin: 0 0 -10px -10px;
|
|
375
|
+
}
|
|
376
|
+
}
|
|
377
|
+
@media (min-width: 320px) and (max-width: 641px) {
|
|
378
|
+
.nhsuk-bp-graph-marker {
|
|
379
|
+
height: 22px;
|
|
380
|
+
width: 22px;
|
|
381
|
+
margin: 0 0 -11px -11px;
|
|
382
|
+
}
|
|
383
|
+
}
|
|
384
|
+
|
|
385
|
+
.nhsuk-bp-graph-cell {
|
|
386
|
+
flex-grow: 1;
|
|
387
|
+
border-bottom: 1px solid white;
|
|
388
|
+
border-left: 1px solid white;
|
|
389
|
+
background: transparent;
|
|
390
|
+
z-index: 4;
|
|
391
|
+
}
|
|
392
|
+
|
|
393
|
+
.nhsuk-bp-first-in-column {
|
|
394
|
+
border-bottom: none;
|
|
395
|
+
}
|
|
396
|
+
|
|
397
|
+
.nhsuk-bp-first-in-row {
|
|
398
|
+
border-left: none;
|
|
399
|
+
}
|
|
400
|
+
|
|
350
401
|
.nhsuk-bp-classification-low, .nhsuk-bp-legend-key-classification-low {
|
|
351
402
|
background: #330072;
|
|
352
403
|
}
|
|
@@ -398,44 +449,6 @@
|
|
|
398
449
|
z-index: 0;
|
|
399
450
|
}
|
|
400
451
|
|
|
401
|
-
.nhsuk-bp-graph-marker {
|
|
402
|
-
position: absolute;
|
|
403
|
-
z-index: 6;
|
|
404
|
-
height: 24px;
|
|
405
|
-
width: 24px;
|
|
406
|
-
margin: 0 0 -12px -12px;
|
|
407
|
-
}
|
|
408
|
-
@media (max-width: 320px) {
|
|
409
|
-
.nhsuk-bp-graph-marker {
|
|
410
|
-
height: 20px;
|
|
411
|
-
width: 20px;
|
|
412
|
-
margin: 0 0 -10px -10px;
|
|
413
|
-
}
|
|
414
|
-
}
|
|
415
|
-
@media (min-width: 320px) and (max-width: 641px) {
|
|
416
|
-
.nhsuk-bp-graph-marker {
|
|
417
|
-
height: 22px;
|
|
418
|
-
width: 22px;
|
|
419
|
-
margin: 0 0 -11px -11px;
|
|
420
|
-
}
|
|
421
|
-
}
|
|
422
|
-
|
|
423
|
-
.nhsuk-bp-graph-cell {
|
|
424
|
-
flex-grow: 1;
|
|
425
|
-
border-bottom: 1px solid white;
|
|
426
|
-
border-left: 1px solid white;
|
|
427
|
-
background: transparent;
|
|
428
|
-
z-index: 4;
|
|
429
|
-
}
|
|
430
|
-
|
|
431
|
-
.nhsuk-bp-first-in-column {
|
|
432
|
-
border-bottom: none;
|
|
433
|
-
}
|
|
434
|
-
|
|
435
|
-
.nhsuk-bp-first-in-row {
|
|
436
|
-
border-left: none;
|
|
437
|
-
}
|
|
438
|
-
|
|
439
452
|
.nhsuk-cbmi-classification-healthy, .nhsuk-cbmi-legend-key-classification-healthy {
|
|
440
453
|
background: repeating-linear-gradient(-45deg, #30b4ab, #30b4ab 4.5px, #00a499 4.5px, #00a499 9px);
|
|
441
454
|
}
|
|
@@ -639,17 +652,4 @@
|
|
|
639
652
|
|
|
640
653
|
.nhsuk-cbmi-classification-overweight {
|
|
641
654
|
z-index: 1;
|
|
642
|
-
}
|
|
643
|
-
|
|
644
|
-
.nhsuk-bar-slider-graph {
|
|
645
|
-
position: relative;
|
|
646
|
-
outline: 1px solid black;
|
|
647
|
-
margin-top: 20px;
|
|
648
|
-
display: flex;
|
|
649
|
-
height: 28px;
|
|
650
|
-
}
|
|
651
|
-
@media (min-width: 320px) and (max-width: 641px) {
|
|
652
|
-
.nhsuk-bar-slider-graph {
|
|
653
|
-
height: 24px;
|
|
654
|
-
}
|
|
655
655
|
}
|