Ghost/ghost/admin/app/styles/components/badges.css

57 lines
1.2 KiB
CSS
Raw Normal View History

2015-05-14 16:45:37 +03:00
/* Badges
/* ---------------------------------------------------------- */
.gh-badge {
2015-05-14 16:45:37 +03:00
display: inline-block;
2021-02-12 19:15:25 +03:00
padding: 3px 9px;
color: var(--green-d2);
font-size: 1.2rem;
line-height: 1em;
font-weight: 500;
letter-spacing: 0.2px;
2015-05-14 16:45:37 +03:00
text-align: center;
text-decoration: none;
2015-05-16 14:43:12 +03:00
white-space: nowrap;
user-select: none;
background: color-mod(var(--green) a(20%));
2021-02-12 19:15:25 +03:00
border-radius: 999px;
text-transform: uppercase;
}
.gh-badge-blue {
background: var(--blue);
}
.gh-badge-red {
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%));
}
.gh-badge-black {
background: var(--darkgrey);
color: var(--white);
}
.gh-badge-outline {
border-color: color-mod(var(--midgrey) l(+35%));
color: color-mod(var(--midgrey) l(+25%));
font-weight: 400;
background: transparent;
box-shadow: none;
text-shadow: none;
2015-05-14 16:45:37 +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;
}