uniformLabel

.uniformLabel Label 
{ --pad-v: 0.1428em;
 --pad-h: 0.357em;
 display: inline-block;
 vertical-align: baseline;
 padding: var(--pad-v) var(--pad-h);
 border-radius: 0.3em;
 line-height: 1.2;
 background: rgba(50, 51, 52, 0.15) }
.uniformLabel.-outline Label 
{ border: 0.1em solid currentColor;
 background: transparent }
.uniformLabel.-round Label 
{ border-radius: 1em;
 padding-left: calc(var(--pad-h) * 1.5);
 padding-right: calc(var(--pad-h) * 1.5) }

Size

.uniformLabel Label 
{ --pad-v: 0.1428em;
 --pad-h: 0.357em;
 display: inline-block;
 vertical-align: baseline;
 padding: var(--pad-v) var(--pad-h);
 border-radius: 0.3em;
 line-height: 1.2;
 background: rgba(50, 51, 52, 0.15) }
.uniformLabel.-lg Label 
{ --pad-v: 0.215em;
 --pad-h: 0.54em }
.uniformLabel.-xl Label 
{ --pad-v: 0.43em;
 --pad-h: 1.071em }

Color

.uniformLabel.-gray
Label Label Label 
{ color: #505152;
 background-color: rgba(80, 81, 82, 0.2) }
.uniformLabel.-gray-10
Label Label Label 
{ color: #e5e6e6;
 background-color: rgba(229, 230, 230, 0.2) }
.uniformLabel.-gray-20
Label Label Label 
{ color: #cbcccd;
 background-color: rgba(203, 204, 205, 0.2) }
.uniformLabel.-gray-30
Label Label Label 
{ color: #b2b3b3;
 background-color: rgba(178, 179, 179, 0.2) }
.uniformLabel.-gray-40
Label Label Label 
{ color: #98999a;
 background-color: rgba(152, 153, 154, 0.2) }
.uniformLabel.-gray-50
Label Label Label 
{ color: #7e8081;
 background-color: rgba(126, 128, 129, 0.2) }
.uniformLabel.-gray-60
Label Label Label 
{ color: #656667;
 background-color: rgba(101, 102, 103, 0.2) }
.uniformLabel.-gray-70
Label Label Label 
{ color: #4c4d4d;
 background-color: rgba(76, 77, 77, 0.2) }
.uniformLabel.-gray-80
Label Label Label 
{ color: #323334;
 background-color: rgba(50, 51, 52, 0.2) }
.uniformLabel.-gray-90
Label Label Label 
{ color: #191a1a;
 background-color: rgba(25, 26, 26, 0.2) }
.uniformLabel.-green
Label Label Label 
{ color: #97C848;
 background-color: rgba(151, 200, 72, 0.2) }
.uniformLabel.-green-10
Label Label Label 
{ color: #ebffcc;
 background-color: rgba(235, 255, 204, 0.2) }
.uniformLabel.-green-20
Label Label Label 
{ color: #d7f99f;
 background-color: rgba(215, 249, 159, 0.2) }
.uniformLabel.-green-30
Label Label Label 
{ color: #c0ed78;
 background-color: rgba(192, 237, 120, 0.2) }
.uniformLabel.-green-40
Label Label Label 
{ color: #a9dc56;
 background-color: rgba(169, 220, 86, 0.2) }
.uniformLabel.-green-50
Label Label Label 
{ color: #90c43b;
 background-color: rgba(144, 196, 59, 0.2) }
.uniformLabel.-green-60
Label Label Label 
{ color: #76a923;
 background-color: rgba(118, 169, 35, 0.2) }
.uniformLabel.-green-70
Label Label Label 
{ color: #5a8712;
 background-color: rgba(90, 135, 18, 0.2) }
.uniformLabel.-green-80
Label Label Label 
{ color: #3e6006;
 background-color: rgba(62, 96, 6, 0.2) }
.uniformLabel.-green-90
Label Label Label 
{ color: #1f3300;
 background-color: rgba(31, 51, 0, 0.2) }
.uniformLabel.-red
Label Label Label 
{ color: #E1563E;
 background-color: rgba(225, 86, 62, 0.2) }
.uniformLabel.-red-10
Label Label Label 
{ color: #ffd4cc;
 background-color: rgba(255, 212, 204, 0.2) }
.uniformLabel.-red-20
Label Label Label 
{ color: #fcaa9c;
 background-color: rgba(252, 170, 156, 0.2) }
.uniformLabel.-red-30
Label Label Label 
{ color: #f58470;
 background-color: rgba(245, 132, 112, 0.2) }
.uniformLabel.-red-40
Label Label Label 
{ color: #ea6048;
 background-color: rgba(234, 96, 72, 0.2) }
.uniformLabel.-red-50
Label Label Label 
{ color: #dd3e22;
 background-color: rgba(221, 62, 34, 0.2) }
.uniformLabel.-red-60
Label Label Label 
{ color: #b72d15;
 background-color: rgba(183, 45, 21, 0.2) }
.uniformLabel.-red-70
Label Label Label 
{ color: #8f1e0a;
 background-color: rgba(143, 30, 10, 0.2) }
.uniformLabel.-red-80
Label Label Label 
{ color: #631103;
 background-color: rgba(99, 17, 3, 0.2) }
.uniformLabel.-red-90
Label Label Label 
{ color: #330800;
 background-color: rgba(51, 8, 0, 0.2) }
.uniformLabel.-blue
Label Label Label 
{ color: #0994E2;
 background-color: rgba(9, 148, 226, 0.2) }
.uniformLabel.-blue-10
Label Label Label 
{ color: #ccedff;
 background-color: rgba(204, 237, 255, 0.2) }
.uniformLabel.-blue-20
Label Label Label 
{ color: #9adafe;
 background-color: rgba(154, 218, 254, 0.2) }
.uniformLabel.-blue-30
Label Label Label 
{ color: #69c7fc;
 background-color: rgba(105, 199, 252, 0.2) }
.uniformLabel.-blue-40
Label Label Label 
{ color: #39b4f9;
 background-color: rgba(57, 180, 249, 0.2) }
.uniformLabel.-blue-50
Label Label Label 
{ color: #0aa1f5;
 background-color: rgba(10, 161, 245, 0.2) }
.uniformLabel.-blue-60
Label Label Label 
{ color: #0681c6;
 background-color: rgba(6, 129, 198, 0.2) }
.uniformLabel.-blue-70
Label Label Label 
{ color: #036196;
 background-color: rgba(3, 97, 150, 0.2) }
.uniformLabel.-blue-80
Label Label Label 
{ color: #014165;
 background-color: rgba(1, 65, 101, 0.2) }
.uniformLabel.-blue-90
Label Label Label 
{ color: #002133;
 background-color: rgba(0, 33, 51, 0.2) }
.uniformLabel.-yellow
Label Label Label 
{ color: #D7E542;
 background-color: rgba(215, 229, 66, 0.2) }
.uniformLabel.-yellow-10
Label Label Label 
{ color: #fbffcc;
 background-color: rgba(251, 255, 204, 0.2) }
.uniformLabel.-yellow-20
Label Label Label 
{ color: #f4fc9c;
 background-color: rgba(244, 252, 156, 0.2) }
.uniformLabel.-yellow-30
Label Label Label 
{ color: #eaf66f;
 background-color: rgba(234, 246, 111, 0.2) }
.uniformLabel.-yellow-40
Label Label Label 
{ color: #deec46;
 background-color: rgba(222, 236, 70, 0.2) }
.uniformLabel.-yellow-50
Label Label Label 
{ color: #d0e01f;
 background-color: rgba(208, 224, 31, 0.2) }
.uniformLabel.-yellow-60
Label Label Label 
{ color: #abb913;
 background-color: rgba(171, 185, 19, 0.2) }
.uniformLabel.-yellow-70
Label Label Label 
{ color: #849009;
 background-color: rgba(132, 144, 9, 0.2) }
.uniformLabel.-yellow-80
Label Label Label 
{ color: #5b6303;
 background-color: rgba(91, 99, 3, 0.2) }
.uniformLabel.-yellow-90
Label Label Label 
{ color: #2f3300;
 background-color: rgba(47, 51, 0, 0.2) }
.uniformLabel.-purple
Label Label Label 
{ color: #9461b9;
 background-color: rgba(148, 97, 185, 0.2) }
.uniformLabel.-purple-10
Label Label Label 
{ color: #eaccff;
 background-color: rgba(234, 204, 255, 0.2) }
.uniformLabel.-purple-20
Label Label Label 
{ color: #d3a1f7;
 background-color: rgba(211, 161, 247, 0.2) }
.uniformLabel.-purple-30
Label Label Label 
{ color: #bb7de8;
 background-color: rgba(187, 125, 232, 0.2) }
.uniformLabel.-purple-40
Label Label Label 
{ color: #a262d0;
 background-color: rgba(162, 98, 208, 0.2) }
.uniformLabel.-purple-50
Label Label Label 
{ color: #874eb1;
 background-color: rgba(135, 78, 177, 0.2) }
.uniformLabel.-purple-60
Label Label Label 
{ color: #6f2f9d;
 background-color: rgba(111, 47, 157, 0.2) }
.uniformLabel.-purple-70
Label Label Label 
{ color: #551782;
 background-color: rgba(85, 23, 130, 0.2) }
.uniformLabel.-purple-80
Label Label Label 
{ color: #3a085e;
 background-color: rgba(58, 8, 94, 0.2) }
.uniformLabel.-purple-90
Label Label Label 
{ color: #1e0033;
 background-color: rgba(30, 0, 51, 0.2) }