jekyll-theme-centos 2.52.0.beta.59 → 2.52.0.beta.60
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.
- checksums.yaml +4 -4
- data/_data/base/bits.yml +1 -1
- data/_data/base/bits_schema.yml +1 -0
- data/_data/base/color.yml +105 -105
- data/_includes/base/bits.html.liquid +3 -1
- data/_includes/base/color-table.html.liquid +33 -0
- data/assets/img/base/centos-colors.gpl +16 -16
- data/assets/img/base/page-layout-default.svg +538 -646
- data/assets/img/base/page-with-alert.svg +12 -12
- data/assets/img/base/page-with-artwork.svg +839 -198
- data/assets/img/base/page-with-backtotop.svg +163 -91
- data/assets/img/base/page-with-bits.svg +824 -244
- metadata +2 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 2ffc196c38f709bb67139de8872c16b92ff919d1fdd1dc17f5355b9fbba863d9
|
|
4
|
+
data.tar.gz: 538d6c027fe4b1585766d0c254bf315a13a816ddf0d3f8d6443ca971f2fc20cc
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 5c56e1cf6f781b289c1fc9b02d4340e1a5dc5887aaba197496c6a790ffdddfc20260a74272048aa31ebc4f7aec4f528e374ada3961210c58ff5047d2a36037fc
|
|
7
|
+
data.tar.gz: 71eb4c6b9b46ed9f7b92647ec7925fd6828bf28e7d592562f86ea8d60c5f4f972eb0482b363fa817bca646b64be41289042829da713d23cb9f4e78364c94846f
|
data/_data/base/bits.yml
CHANGED
data/_data/base/bits_schema.yml
CHANGED
|
@@ -115,6 +115,7 @@ properties:
|
|
|
115
115
|
additionalProperties: true # Changed to true as properties are defined externally
|
|
116
116
|
actions_class:
|
|
117
117
|
type: string
|
|
118
|
+
default: ""
|
|
118
119
|
description: Custom Bootstrap classes applied to the container holding the list of `actions` buttons.
|
|
119
120
|
preamble:
|
|
120
121
|
type: string
|
data/_data/base/color.yml
CHANGED
|
@@ -223,65 +223,65 @@ purple_shades:
|
|
|
223
223
|
text_badge: "text-bg-centos-purple-500"
|
|
224
224
|
full_name: "$centos-purple-500"
|
|
225
225
|
- shade: 600
|
|
226
|
-
hex: "#
|
|
227
|
-
rgb: "132,
|
|
228
|
-
hsv: "
|
|
226
|
+
hex: "#844072"
|
|
227
|
+
rgb: "132, 64, 114"
|
|
228
|
+
hsv: "316° / 52% / 52%"
|
|
229
229
|
text_color: "White"
|
|
230
230
|
text_color_hex: "#FFFFFF"
|
|
231
|
-
contrast_ratio: "7.
|
|
231
|
+
contrast_ratio: "7.10:1"
|
|
232
232
|
wcag_2_2_aa: true
|
|
233
|
-
wcag_2_2_aa_margin: "+2.
|
|
233
|
+
wcag_2_2_aa_margin: "+2.60:1"
|
|
234
234
|
wcag_2_2_aaa: true
|
|
235
|
-
wcag_2_2_aaa_margin: "+0.
|
|
236
|
-
hue: "
|
|
237
|
-
saturation: "
|
|
235
|
+
wcag_2_2_aaa_margin: "+0.10:1"
|
|
236
|
+
hue: "316°"
|
|
237
|
+
saturation: "52%"
|
|
238
238
|
lightness: "52%"
|
|
239
239
|
text_badge: "text-bg-centos-purple-600"
|
|
240
240
|
full_name: "$centos-purple-600"
|
|
241
241
|
- shade: 700
|
|
242
|
-
hex: "#
|
|
243
|
-
rgb: "103,
|
|
244
|
-
hsv: "
|
|
242
|
+
hex: "#673259"
|
|
243
|
+
rgb: "103, 50, 89"
|
|
244
|
+
hsv: "316° / 51% / 40%"
|
|
245
245
|
text_color: "White"
|
|
246
246
|
text_color_hex: "#FFFFFF"
|
|
247
|
-
contrast_ratio: "9.
|
|
247
|
+
contrast_ratio: "9.65:1"
|
|
248
248
|
wcag_2_2_aa: true
|
|
249
|
-
wcag_2_2_aa_margin: "+5.
|
|
249
|
+
wcag_2_2_aa_margin: "+5.15:1"
|
|
250
250
|
wcag_2_2_aaa: true
|
|
251
|
-
wcag_2_2_aaa_margin: "+2.
|
|
252
|
-
hue: "
|
|
253
|
-
saturation: "
|
|
251
|
+
wcag_2_2_aaa_margin: "+2.65:1"
|
|
252
|
+
hue: "316°"
|
|
253
|
+
saturation: "51%"
|
|
254
254
|
lightness: "40%"
|
|
255
255
|
text_badge: "text-bg-centos-purple-700"
|
|
256
256
|
full_name: "$centos-purple-700"
|
|
257
257
|
- shade: 800
|
|
258
|
-
hex: "#
|
|
259
|
-
rgb: "
|
|
258
|
+
hex: "#4C2241"
|
|
259
|
+
rgb: "76, 34, 65"
|
|
260
260
|
hsv: "316° / 55% / 30%"
|
|
261
261
|
text_color: "White"
|
|
262
262
|
text_color_hex: "#FFFFFF"
|
|
263
|
-
contrast_ratio: "
|
|
263
|
+
contrast_ratio: "13.02:1"
|
|
264
264
|
wcag_2_2_aa: true
|
|
265
|
-
wcag_2_2_aa_margin: "+8.
|
|
265
|
+
wcag_2_2_aa_margin: "+8.52:1"
|
|
266
266
|
wcag_2_2_aaa: true
|
|
267
|
-
wcag_2_2_aaa_margin: "+
|
|
267
|
+
wcag_2_2_aaa_margin: "+6.02:1"
|
|
268
268
|
hue: "316°"
|
|
269
269
|
saturation: "55%"
|
|
270
270
|
lightness: "30%"
|
|
271
271
|
text_badge: "text-bg-centos-purple-800"
|
|
272
272
|
full_name: "$centos-purple-800"
|
|
273
273
|
- shade: 900
|
|
274
|
-
hex: "#
|
|
275
|
-
rgb: "
|
|
276
|
-
hsv: "
|
|
274
|
+
hex: "#471139"
|
|
275
|
+
rgb: "71, 17, 57"
|
|
276
|
+
hsv: "316° / 76% / 28%"
|
|
277
277
|
text_color: "White"
|
|
278
278
|
text_color_hex: "#FFFFFF"
|
|
279
|
-
contrast_ratio: "14.
|
|
279
|
+
contrast_ratio: "14.92:1"
|
|
280
280
|
wcag_2_2_aa: true
|
|
281
|
-
wcag_2_2_aa_margin: "+10.
|
|
281
|
+
wcag_2_2_aa_margin: "+10.42:1"
|
|
282
282
|
wcag_2_2_aaa: true
|
|
283
|
-
wcag_2_2_aaa_margin: "+7.
|
|
284
|
-
hue: "
|
|
283
|
+
wcag_2_2_aaa_margin: "+7.92:1"
|
|
284
|
+
hue: "316°"
|
|
285
285
|
saturation: "76%"
|
|
286
286
|
lightness: "28%"
|
|
287
287
|
text_badge: "text-bg-centos-purple-900"
|
|
@@ -400,81 +400,81 @@ orange_shades:
|
|
|
400
400
|
text_badge: "text-bg-centos-orange-500"
|
|
401
401
|
full_name: "$centos-orange-500"
|
|
402
402
|
- shade: 600
|
|
403
|
-
hex: "#
|
|
404
|
-
rgb: "
|
|
403
|
+
hex: "#D18C0F"
|
|
404
|
+
rgb: "209, 140, 15"
|
|
405
405
|
hsv: "39° / 93% / 82%"
|
|
406
406
|
text_color: "Black"
|
|
407
407
|
text_color_hex: "#000000"
|
|
408
|
-
contrast_ratio: "7.
|
|
408
|
+
contrast_ratio: "7.47:1"
|
|
409
409
|
wcag_2_2_aa: true
|
|
410
|
-
wcag_2_2_aa_margin: "+
|
|
410
|
+
wcag_2_2_aa_margin: "+2.97:1"
|
|
411
411
|
wcag_2_2_aaa: true
|
|
412
|
-
wcag_2_2_aaa_margin: "+0.
|
|
412
|
+
wcag_2_2_aaa_margin: "+0.47:1"
|
|
413
413
|
hue: "39°"
|
|
414
414
|
saturation: "93%"
|
|
415
415
|
lightness: "82%"
|
|
416
416
|
text_badge: "text-bg-centos-orange-600"
|
|
417
417
|
full_name: "$centos-orange-600"
|
|
418
418
|
- shade: 700
|
|
419
|
-
hex: "#
|
|
420
|
-
rgb: "163,
|
|
419
|
+
hex: "#A36D0B"
|
|
420
|
+
rgb: "163, 109, 11"
|
|
421
421
|
hsv: "39° / 93% / 64%"
|
|
422
422
|
text_color: "Black"
|
|
423
423
|
text_color_hex: "#000000"
|
|
424
|
-
contrast_ratio: "4.
|
|
424
|
+
contrast_ratio: "4.75:1"
|
|
425
425
|
wcag_2_2_aa: true
|
|
426
|
-
wcag_2_2_aa_margin: "+0.
|
|
426
|
+
wcag_2_2_aa_margin: "+0.25:1"
|
|
427
427
|
wcag_2_2_aaa: false
|
|
428
|
-
wcag_2_2_aaa_margin: "-2.
|
|
428
|
+
wcag_2_2_aaa_margin: "-2.25:1"
|
|
429
429
|
hue: "39°"
|
|
430
430
|
saturation: "93%"
|
|
431
431
|
lightness: "64%"
|
|
432
432
|
text_badge: "text-bg-centos-orange-700"
|
|
433
433
|
full_name: "$centos-orange-700"
|
|
434
434
|
- shade: 800
|
|
435
|
-
hex: "#
|
|
436
|
-
rgb: "122,
|
|
437
|
-
hsv: "
|
|
435
|
+
hex: "#7A4F03"
|
|
436
|
+
rgb: "122, 79, 3"
|
|
437
|
+
hsv: "38° / 98% / 48%"
|
|
438
438
|
text_color: "White"
|
|
439
439
|
text_color_hex: "#FFFFFF"
|
|
440
|
-
contrast_ratio: "7.
|
|
440
|
+
contrast_ratio: "7.13:1"
|
|
441
441
|
wcag_2_2_aa: true
|
|
442
|
-
wcag_2_2_aa_margin: "+2.
|
|
442
|
+
wcag_2_2_aa_margin: "+2.63:1"
|
|
443
443
|
wcag_2_2_aaa: true
|
|
444
|
-
wcag_2_2_aaa_margin: "+0.
|
|
445
|
-
hue: "
|
|
444
|
+
wcag_2_2_aaa_margin: "+0.13:1"
|
|
445
|
+
hue: "38°"
|
|
446
446
|
saturation: "98%"
|
|
447
447
|
lightness: "48%"
|
|
448
448
|
text_badge: "text-bg-centos-orange-800"
|
|
449
449
|
full_name: "$centos-orange-800"
|
|
450
450
|
- shade: 900
|
|
451
|
-
hex: "#
|
|
452
|
-
rgb: "
|
|
453
|
-
hsv: "39° / 100% /
|
|
451
|
+
hex: "#5F3D00"
|
|
452
|
+
rgb: "95, 61, 0"
|
|
453
|
+
hsv: "39° / 100% / 37%"
|
|
454
454
|
text_color: "White"
|
|
455
455
|
text_color_hex: "#FFFFFF"
|
|
456
|
-
contrast_ratio: "9.
|
|
456
|
+
contrast_ratio: "9.75:1"
|
|
457
457
|
wcag_2_2_aa: true
|
|
458
|
-
wcag_2_2_aa_margin: "+5.
|
|
458
|
+
wcag_2_2_aa_margin: "+5.25:1"
|
|
459
459
|
wcag_2_2_aaa: true
|
|
460
|
-
wcag_2_2_aaa_margin: "+2.
|
|
460
|
+
wcag_2_2_aaa_margin: "+2.75:1"
|
|
461
461
|
hue: "39°"
|
|
462
462
|
saturation: "100%"
|
|
463
|
-
lightness: "
|
|
463
|
+
lightness: "37%"
|
|
464
464
|
text_badge: "text-bg-centos-orange-900"
|
|
465
465
|
full_name: "$centos-orange-900"
|
|
466
466
|
- shade: 950
|
|
467
|
-
hex: "#
|
|
468
|
-
rgb: "
|
|
469
|
-
hsv: "
|
|
467
|
+
hex: "#281A00"
|
|
468
|
+
rgb: "40, 26, 0"
|
|
469
|
+
hsv: "39° / 100% / 16%"
|
|
470
470
|
text_color: "White"
|
|
471
471
|
text_color_hex: "#FFFFFF"
|
|
472
|
-
contrast_ratio: "16.
|
|
472
|
+
contrast_ratio: "16.96:1"
|
|
473
473
|
wcag_2_2_aa: true
|
|
474
|
-
wcag_2_2_aa_margin: "+12.
|
|
474
|
+
wcag_2_2_aa_margin: "+12.46:1"
|
|
475
475
|
wcag_2_2_aaa: true
|
|
476
|
-
wcag_2_2_aaa_margin: "+9.
|
|
477
|
-
hue: "
|
|
476
|
+
wcag_2_2_aaa_margin: "+9.96:1"
|
|
477
|
+
hue: "39°"
|
|
478
478
|
saturation: "100%"
|
|
479
479
|
lightness: "16%"
|
|
480
480
|
text_badge: "text-bg-centos-orange-950"
|
|
@@ -577,80 +577,80 @@ blue_shades:
|
|
|
577
577
|
text_badge: "text-bg-centos-blue-500"
|
|
578
578
|
full_name: "$centos-blue-500"
|
|
579
579
|
- shade: 600
|
|
580
|
-
hex: "#
|
|
581
|
-
rgb: "
|
|
582
|
-
hsv: "241° /
|
|
580
|
+
hex: "#1F1E63"
|
|
581
|
+
rgb: "31, 30, 99"
|
|
582
|
+
hsv: "241° / 70% / 39%"
|
|
583
583
|
text_color: "White"
|
|
584
584
|
text_color_hex: "#FFFFFF"
|
|
585
|
-
contrast_ratio: "14.
|
|
585
|
+
contrast_ratio: "14.75:1"
|
|
586
586
|
wcag_2_2_aa: true
|
|
587
|
-
wcag_2_2_aa_margin: "+10.
|
|
587
|
+
wcag_2_2_aa_margin: "+10.25:1"
|
|
588
588
|
wcag_2_2_aaa: true
|
|
589
|
-
wcag_2_2_aaa_margin: "+7.
|
|
589
|
+
wcag_2_2_aaa_margin: "+7.75:1"
|
|
590
590
|
hue: "241°"
|
|
591
|
-
saturation: "
|
|
591
|
+
saturation: "70%"
|
|
592
592
|
lightness: "39%"
|
|
593
593
|
text_badge: "text-bg-centos-blue-600"
|
|
594
594
|
full_name: "$centos-blue-600"
|
|
595
595
|
- shade: 700
|
|
596
|
-
hex: "#
|
|
597
|
-
rgb: "25,
|
|
598
|
-
hsv: "
|
|
596
|
+
hex: "#19184F"
|
|
597
|
+
rgb: "25, 24, 79"
|
|
598
|
+
hsv: "241° / 70% / 31%"
|
|
599
599
|
text_color: "White"
|
|
600
600
|
text_color_hex: "#FFFFFF"
|
|
601
|
-
contrast_ratio: "16.
|
|
601
|
+
contrast_ratio: "16.34:1"
|
|
602
602
|
wcag_2_2_aa: true
|
|
603
|
-
wcag_2_2_aa_margin: "+11.
|
|
603
|
+
wcag_2_2_aa_margin: "+11.84:1"
|
|
604
604
|
wcag_2_2_aaa: true
|
|
605
|
-
wcag_2_2_aaa_margin: "+9.
|
|
606
|
-
hue: "
|
|
607
|
-
saturation: "
|
|
605
|
+
wcag_2_2_aaa_margin: "+9.34:1"
|
|
606
|
+
hue: "241°"
|
|
607
|
+
saturation: "70%"
|
|
608
608
|
lightness: "31%"
|
|
609
609
|
text_badge: "text-bg-centos-blue-700"
|
|
610
610
|
full_name: "$centos-blue-700"
|
|
611
611
|
- shade: 800
|
|
612
|
-
hex: "#
|
|
613
|
-
rgb: "
|
|
614
|
-
hsv: "
|
|
612
|
+
hex: "#10103D"
|
|
613
|
+
rgb: "16, 16, 61"
|
|
614
|
+
hsv: "240° / 74% / 24%"
|
|
615
615
|
text_color: "White"
|
|
616
616
|
text_color_hex: "#FFFFFF"
|
|
617
|
-
contrast_ratio: "18.
|
|
617
|
+
contrast_ratio: "18.05:1"
|
|
618
618
|
wcag_2_2_aa: true
|
|
619
|
-
wcag_2_2_aa_margin: "+13.
|
|
619
|
+
wcag_2_2_aa_margin: "+13.55:1"
|
|
620
620
|
wcag_2_2_aaa: true
|
|
621
|
-
wcag_2_2_aaa_margin: "+11.
|
|
622
|
-
hue: "
|
|
621
|
+
wcag_2_2_aaa_margin: "+11.05:1"
|
|
622
|
+
hue: "240°"
|
|
623
623
|
saturation: "74%"
|
|
624
624
|
lightness: "24%"
|
|
625
625
|
text_badge: "text-bg-centos-blue-800"
|
|
626
626
|
full_name: "$centos-blue-800"
|
|
627
627
|
- shade: 900
|
|
628
|
-
hex: "#
|
|
629
|
-
rgb: "
|
|
630
|
-
hsv: "241° /
|
|
628
|
+
hex: "#020146"
|
|
629
|
+
rgb: "2, 1, 70"
|
|
630
|
+
hsv: "241° / 99% / 27%"
|
|
631
631
|
text_color: "White"
|
|
632
632
|
text_color_hex: "#FFFFFF"
|
|
633
|
-
contrast_ratio: "19.
|
|
633
|
+
contrast_ratio: "19.17:1"
|
|
634
634
|
wcag_2_2_aa: true
|
|
635
|
-
wcag_2_2_aa_margin: "+14.
|
|
635
|
+
wcag_2_2_aa_margin: "+14.67:1"
|
|
636
636
|
wcag_2_2_aaa: true
|
|
637
|
-
wcag_2_2_aaa_margin: "+12.
|
|
637
|
+
wcag_2_2_aaa_margin: "+12.17:1"
|
|
638
638
|
hue: "241°"
|
|
639
|
-
saturation: "
|
|
639
|
+
saturation: "99%"
|
|
640
640
|
lightness: "27%"
|
|
641
641
|
text_badge: "text-bg-centos-blue-900"
|
|
642
642
|
full_name: "$centos-blue-900"
|
|
643
643
|
- shade: 950
|
|
644
|
-
hex: "#
|
|
645
|
-
rgb: "0, 0,
|
|
644
|
+
hex: "#000028"
|
|
645
|
+
rgb: "0, 0, 40"
|
|
646
646
|
hsv: "240° / 100% / 16%"
|
|
647
647
|
text_color: "White"
|
|
648
648
|
text_color_hex: "#FFFFFF"
|
|
649
|
-
contrast_ratio: "20.
|
|
649
|
+
contrast_ratio: "20.38:1"
|
|
650
650
|
wcag_2_2_aa: true
|
|
651
|
-
wcag_2_2_aa_margin: "+15.
|
|
651
|
+
wcag_2_2_aa_margin: "+15.88:1"
|
|
652
652
|
wcag_2_2_aaa: true
|
|
653
|
-
wcag_2_2_aaa_margin: "+13.
|
|
653
|
+
wcag_2_2_aaa_margin: "+13.38:1"
|
|
654
654
|
hue: "240°"
|
|
655
655
|
saturation: "100%"
|
|
656
656
|
lightness: "16%"
|
|
@@ -786,18 +786,18 @@ green_shades:
|
|
|
786
786
|
text_badge: "text-bg-centos-green-700"
|
|
787
787
|
full_name: "$centos-green-700"
|
|
788
788
|
- shade: 800
|
|
789
|
-
hex: "#
|
|
790
|
-
rgb: "
|
|
791
|
-
hsv: "78° /
|
|
789
|
+
hex: "#49620F"
|
|
790
|
+
rgb: "73, 98, 15"
|
|
791
|
+
hsv: "78° / 85% / 38%"
|
|
792
792
|
text_color: "White"
|
|
793
793
|
text_color_hex: "#FFFFFF"
|
|
794
|
-
contrast_ratio: "6.
|
|
794
|
+
contrast_ratio: "6.91:1"
|
|
795
795
|
wcag_2_2_aa: true
|
|
796
|
-
wcag_2_2_aa_margin: "+2.
|
|
796
|
+
wcag_2_2_aa_margin: "+2.41:1"
|
|
797
797
|
wcag_2_2_aaa: false
|
|
798
|
-
wcag_2_2_aaa_margin: "-0.
|
|
798
|
+
wcag_2_2_aaa_margin: "-0.09:1"
|
|
799
799
|
hue: "78°"
|
|
800
|
-
saturation: "
|
|
800
|
+
saturation: "85%"
|
|
801
801
|
lightness: "38%"
|
|
802
802
|
text_badge: "text-bg-centos-green-800"
|
|
803
803
|
full_name: "$centos-green-800"
|
|
@@ -818,16 +818,16 @@ green_shades:
|
|
|
818
818
|
text_badge: "text-bg-centos-green-900"
|
|
819
819
|
full_name: "$centos-green-900"
|
|
820
820
|
- shade: 950
|
|
821
|
-
hex: "#
|
|
822
|
-
rgb: "
|
|
821
|
+
hex: "#1C2800"
|
|
822
|
+
rgb: "28, 40, 0"
|
|
823
823
|
hsv: "78° / 100% / 16%"
|
|
824
824
|
text_color: "White"
|
|
825
825
|
text_color_hex: "#FFFFFF"
|
|
826
|
-
contrast_ratio: "15.
|
|
826
|
+
contrast_ratio: "15.52:1"
|
|
827
827
|
wcag_2_2_aa: true
|
|
828
|
-
wcag_2_2_aa_margin: "+
|
|
828
|
+
wcag_2_2_aa_margin: "+11.02:1"
|
|
829
829
|
wcag_2_2_aaa: true
|
|
830
|
-
wcag_2_2_aaa_margin: "+8.
|
|
830
|
+
wcag_2_2_aaa_margin: "+8.52:1"
|
|
831
831
|
hue: "78°"
|
|
832
832
|
saturation: "100%"
|
|
833
833
|
lightness: "16%"
|
|
@@ -63,11 +63,12 @@ Component Layout:
|
|
|
63
63
|
{%- assign upstream_bit_class = upstream_bit.class | default: with_bits_schema.class.default %}
|
|
64
64
|
{%- assign upstream_bit_card_class = upstream_bit.card_class | default: with_bits_schema.card_class.default %}
|
|
65
65
|
{%- assign upstream_bit_preamble_class = upstream_bit.preamble_class | default: with_bits_schema.preamble_class.default %}
|
|
66
|
-
{%- assign upstream_bit_finale_class =
|
|
66
|
+
{%- assign upstream_bit_finale_class = upstream_bit.finale_class | default: with_bits_schema.finale_class.default %}
|
|
67
67
|
{%- assign upstream_bit_color = upstream_bit.color | default: with_bits_schema.color.default %}
|
|
68
68
|
{%- assign upstream_bit_index_page_name = upstream_bit.index_page_name | default: with_bits_schema.index_page_name.default %}
|
|
69
69
|
{%- assign upstream_bit_index_page_url = upstream_bit.index_page_url | default: with_bits_schema.index_page_url.default %}
|
|
70
70
|
{%- assign upstream_bit_screenshot_class = upstream_bit.screenshot_class | default: with_bits_schema.screenshot_class.default %}
|
|
71
|
+
{%- assign upstream_bit_actions_class = upstream_bit.actions_class | default: with_bits_schema.actions_class.default %}
|
|
71
72
|
{%- assign upstream_bit_btn_class = "btn btn-sm m-1 btn-" | append: upstream_bit_color %}
|
|
72
73
|
|
|
73
74
|
<div class="d-flex flex-column{% if upstream_bit_class != "" %} {{ upstream_bit_class }}{% endif %}">
|
|
@@ -134,6 +135,7 @@ Component Layout:
|
|
|
134
135
|
{% for action in downstream_bit.actions | limit: 1 %}
|
|
135
136
|
{% include base/link.html.liquid
|
|
136
137
|
name = action.name
|
|
138
|
+
url = action.link
|
|
137
139
|
class = upstream_bit_btn_class
|
|
138
140
|
icon = action.icon
|
|
139
141
|
icon_position = action.icon_position
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
<table class="table dataTable">
|
|
2
|
+
<thead class="table-light">
|
|
3
|
+
<tr>
|
|
4
|
+
<th>{{ include.name_label | default: "Color" }}</th>
|
|
5
|
+
<th class="text-nowrap">Hex</th>
|
|
6
|
+
<th class="text-nowrap">RGB</th>
|
|
7
|
+
<th class="text-nowrap">HSV</th>
|
|
8
|
+
<th>Text Color</th>
|
|
9
|
+
<th class="text-nowrap">Contrast Ratio</th>
|
|
10
|
+
<th class="text-nowrap">WCAG 2.2 AA</th>
|
|
11
|
+
<th class="text-nowrap">WCAG 2.2 AAA</th>
|
|
12
|
+
</tr>
|
|
13
|
+
</thead>
|
|
14
|
+
<tbody>
|
|
15
|
+
{%- for item in include.collection %}
|
|
16
|
+
{%- if include.name_field == "full_name" %}
|
|
17
|
+
{%- assign _item_name = item.full_name | remove: '$' %}
|
|
18
|
+
{%- else %}
|
|
19
|
+
{%- assign _item_name = item.name %}
|
|
20
|
+
{%- endif %}
|
|
21
|
+
<tr>
|
|
22
|
+
<td class="text-nowrap">{{ _item_name }}</td>
|
|
23
|
+
<td class="text-nowrap"><a href="javascript:void(0);" class="text-decoration-none ms-2 copy-btn" data-bs-toggle="tooltip" data-bs-title="Copy hex value" data-copy-value="{{ item.hex }}" aria-label="Copy hex value {{ item.hex }}"><span class="fa-regular fa-copy"></span></a> <i class="fas fa-circle fa-xl" style="color: {{ item.hex }}"></i> <span class="font-monospace">{{ item.hex }}</span></td>
|
|
24
|
+
<td class="text-nowrap"><a href="javascript:void(0);" class="text-decoration-none ms-2 copy-btn" data-bs-toggle="tooltip" data-bs-title="Copy RGB value" data-copy-value="{{ item.rgb }}" aria-label="Copy RGB value {{ item.rgb }}"><span class="fa-regular fa-copy"></span></a> <span class="font-monospace">{{ item.rgb }}</span></td>
|
|
25
|
+
<td class="text-nowrap"><a href="javascript:void(0);" class="text-decoration-none ms-2 copy-btn" data-bs-toggle="tooltip" data-bs-title="Copy HSV value" data-copy-value="{{ item.hsv }}" aria-label="Copy HSV value {{ item.hsv }}"><span class="fa-regular fa-copy"></span></a> <span class="font-monospace">{{ item.hsv }}</span></td>
|
|
26
|
+
<td><span class="badge {{ item.text_badge }}">{{ item.text_color }}</span></td>
|
|
27
|
+
<td class="text-nowrap"><span class="font-monospace">{{ item.contrast_ratio | remove: '`' }}</span> <a href="https://webaim.org/resources/contrastchecker/?fcolor={{ item.text_color_hex | remove: '#' | upcase }}&bcolor={{ item.hex | remove: '#' | upcase }}" target="_blank" class="text-decoration-none ms-2" data-bs-toggle="tooltip" title="Verify with WebAIM" aria-label="Verify contrast ratio with WebAIM"><i class="fas fa-external-link-alt"></i></a></td>
|
|
28
|
+
<td class="text-nowrap">{% if item.wcag_2_2_aa %}<span class="d-inline-block" data-bs-toggle="tooltip" title="Exceeds WCAG 2.2 AA standard (4.5:1 minimum)"><i class="fas fa-circle-check text-success"></i></span>{% else %}<span class="d-inline-block" data-bs-toggle="tooltip" title="Underperforms WCAG 2.2 AA standard (4.5:1 minimum)"><i class="fas fa-circle-xmark text-danger"></i></span>{% endif %} <span class="font-monospace">{{ item.wcag_2_2_aa_margin | remove: '`' }}</span></td>
|
|
29
|
+
<td class="text-nowrap">{% if item.wcag_2_2_aaa %}<span class="d-inline-block" data-bs-toggle="tooltip" title="Exceeds WCAG 2.2 AAA standard (7.0:1 minimum)"><i class="fas fa-circle-check text-success"></i></span>{% else %}<span class="d-inline-block" data-bs-toggle="tooltip" title="Underperforms WCAG 2.2 AAA standard (7.0:1 minimum)"><i class="fas fa-circle-xmark text-danger"></i></span>{% endif %} <span class="font-monospace">{{ item.wcag_2_2_aaa_margin | remove: '`' }}</span></td>
|
|
30
|
+
</tr>
|
|
31
|
+
{%- endfor %}
|
|
32
|
+
</tbody>
|
|
33
|
+
</table>
|
|
@@ -15,10 +15,10 @@ Name: CentOS Colors
|
|
|
15
15
|
199 149 186 #C795BA - centos-purple-300
|
|
16
16
|
180 114 163 #B472A3 - centos-purple-400
|
|
17
17
|
161 79 140 #A14F8C - centos-purple-500
|
|
18
|
-
132
|
|
19
|
-
103
|
|
20
|
-
|
|
21
|
-
|
|
18
|
+
132 64 114 #844072 - centos-purple-600
|
|
19
|
+
103 50 89 #673259 - centos-purple-700
|
|
20
|
+
76 34 65 #4C2241 - centos-purple-800
|
|
21
|
+
71 17 57 #471139 - centos-purple-900
|
|
22
22
|
34 6 27 #22061B - centos-purple-950
|
|
23
23
|
253 246 233 #FDF6E9 - centos-orange-50
|
|
24
24
|
252 237 211 #FCEDD3 - centos-orange-100
|
|
@@ -26,22 +26,22 @@ Name: CentOS Colors
|
|
|
26
26
|
245 202 124 #F5CA7C - centos-orange-300
|
|
27
27
|
242 185 80 #F2B950 - centos-orange-400
|
|
28
28
|
239 167 36 #EFA724 - centos-orange-500
|
|
29
|
-
|
|
30
|
-
163
|
|
31
|
-
122
|
|
32
|
-
|
|
33
|
-
|
|
29
|
+
209 140 15 #D18C0F - centos-orange-600
|
|
30
|
+
163 109 11 #A36D0B - centos-orange-700
|
|
31
|
+
122 79 3 #7A4F03 - centos-orange-800
|
|
32
|
+
95 61 0 #5F3D00 - centos-orange-900
|
|
33
|
+
40 26 0 #281A00 - centos-orange-950
|
|
34
34
|
233 233 241 #E9E9F1 - centos-blue-50
|
|
35
35
|
212 211 228 #D4D3E4 - centos-blue-100
|
|
36
36
|
168 168 201 #A8A8C9 - centos-blue-200
|
|
37
37
|
125 124 173 #7D7CAD - centos-blue-300
|
|
38
38
|
81 81 146 #515192 - centos-blue-400
|
|
39
39
|
38 37 119 #262577 - centos-blue-500
|
|
40
|
-
|
|
41
|
-
25
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
0 0
|
|
40
|
+
31 30 99 #1F1E63 - centos-blue-600
|
|
41
|
+
25 24 79 #19184F - centos-blue-700
|
|
42
|
+
16 16 61 #10103D - centos-blue-800
|
|
43
|
+
2 1 70 #020146 - centos-blue-900
|
|
44
|
+
0 0 40 #000028 - centos-blue-950
|
|
45
45
|
245 250 234 #F5FAEA - centos-green-50
|
|
46
46
|
235 245 212 #EBF5D4 - centos-green-100
|
|
47
47
|
215 235 170 #D7EBAA - centos-green-200
|
|
@@ -50,6 +50,6 @@ Name: CentOS Colors
|
|
|
50
50
|
156 205 42 #9CCD2A - centos-green-500
|
|
51
51
|
128 168 34 #80A822 - centos-green-600
|
|
52
52
|
109 144 29 #6D901D - centos-green-700
|
|
53
|
-
|
|
53
|
+
73 98 15 #49620F - centos-green-800
|
|
54
54
|
63 90 0 #3F5A00 - centos-green-900
|
|
55
|
-
|
|
55
|
+
28 40 0 #1C2800 - centos-green-950
|