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

56 lines
1.3 KiB
CSS

/* Badges
/* ---------------------------------------------------------- */
.gh-badge {
display: inline-block;
padding: 2px 4px 3px;
border: color(var(--green) blackness(+8%)) 1px solid;
color: #fff;
font-size: 0.8em;
line-height: 1em;
font-weight: 400;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
text-decoration: none;
white-space: nowrap;
user-select: none;
background: linear-gradient(
color(var(--green) whiteness(+4%)),
color(var(--green) blackness(+4%))
);
border-radius: 3px;
}
.gh-badge-blue {
border: color(var(--blue) blackness(+8%)) 1px solid;
background: linear-gradient(
color(var(--blue) whiteness(+10%)),
color(var(--blue) blackness(+4%))
);
}
.gh-badge-red {
border: color(var(--red) blackness(+8%)) 1px solid;
background: linear-gradient(
color(var(--red) whiteness(+10%)),
color(var(--red) blackness(+4%))
);
}
.gh-badge-black {
border: color(var(--darkgrey) blackness(+8%)) 1px solid;
background: linear-gradient(
color(var(--darkgrey) whiteness(+10%)),
color(var(--darkgrey) blackness(+4%))
);
}
.gh-badge-outline {
border-color: color(var(--midgrey) l(+35%));
color: color(var(--midgrey) l(+25%));
font-weight: 400;
background: transparent;
box-shadow: none;
text-shadow: none;
}