2015-05-14 16:45:37 +03:00
|
|
|
/* Badges
|
|
|
|
/* ---------------------------------------------------------- */
|
|
|
|
|
2017-02-15 15:43:49 +03:00
|
|
|
.gh-badge {
|
2015-05-14 16:45:37 +03:00
|
|
|
display: inline-block;
|
2021-02-12 19:15:25 +03:00
|
|
|
padding: 3px 9px;
|
2019-06-18 13:47:21 +03:00
|
|
|
color: var(--green-d2);
|
|
|
|
font-size: 1.2rem;
|
2017-02-15 15:43:49 +03:00
|
|
|
line-height: 1em;
|
2019-06-18 13:47:21 +03:00
|
|
|
font-weight: 500;
|
|
|
|
letter-spacing: 0.2px;
|
2015-05-14 16:45:37 +03:00
|
|
|
text-align: center;
|
2017-02-27 09:31:01 +03:00
|
|
|
text-decoration: none;
|
2015-05-16 14:43:12 +03:00
|
|
|
white-space: nowrap;
|
2017-02-15 15:43:49 +03:00
|
|
|
user-select: none;
|
2019-06-18 13:47:21 +03:00
|
|
|
background: color-mod(var(--green) a(20%));
|
2021-02-12 19:15:25 +03:00
|
|
|
border-radius: 999px;
|
2019-06-18 13:47:21 +03:00
|
|
|
text-transform: uppercase;
|
2017-02-15 15:43:49 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
.gh-badge-blue {
|
2019-06-18 13:47:21 +03:00
|
|
|
background: var(--blue);
|
2017-02-15 15:43:49 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
.gh-badge-red {
|
2019-06-18 13:47:21 +03:00
|
|
|
color: var(--red);
|
|
|
|
background: color-mod(var(--red) a(20%));
|
|
|
|
}
|
|
|
|
|
2021-02-19 15:51:30 +03:00
|
|
|
.gh-badge-pink {
|
|
|
|
color: var(--pink);
|
|
|
|
background: color-mod(var(--pink) a(20%));
|
2017-02-15 15:43:49 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
.gh-badge-black {
|
2019-06-18 13:47:21 +03:00
|
|
|
background: var(--darkgrey);
|
|
|
|
color: var(--white);
|
2017-02-15 15:43:49 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
.gh-badge-outline {
|
2018-04-03 13:52:18 +03:00
|
|
|
border-color: color-mod(var(--midgrey) l(+35%));
|
|
|
|
color: color-mod(var(--midgrey) l(+25%));
|
2017-02-15 15:43:49 +03:00
|
|
|
font-weight: 400;
|
|
|
|
background: transparent;
|
|
|
|
box-shadow: none;
|
2017-02-27 09:31:01 +03:00
|
|
|
text-shadow: none;
|
2015-05-14 16:45:37 +03:00
|
|
|
}
|
2021-10-15 13:49:42 +03:00
|
|
|
|
|
|
|
.gh-badge-title {
|
|
|
|
margin-left: 13px;
|
|
|
|
background: transparent;
|
|
|
|
font-weight: 400;
|
|
|
|
color: var(--midlightgrey-d2);
|
|
|
|
border: 1px solid var(--lightgrey-d1);
|
|
|
|
border-radius: 4px;
|
|
|
|
line-height: 25px;
|
|
|
|
}
|