Ghost/ghost/admin/app/styles/components/badges.css
Peter Zimon c51bce7358 🎨 Updated admin area design and usability (#1232)
refs. https://github.com/TryGhost/Team/issues/205

Major update to Ghost Admin UI including:
- improved general consistency (typography, colors and contrast, UI components, icons)
- new design for post and pages lists, improved discoverability of filters 
- search moved to modal
- account menu is decoupled from ghost logo
- further usability fixes
2019-06-18 11:47:20 +01:00

48 lines
994 B
CSS

/* Badges
/* ---------------------------------------------------------- */
.gh-badge {
display: inline-block;
padding: 3px 4px;
color: var(--green-d2);
font-size: 1.2rem;
line-height: 1em;
font-weight: 500;
letter-spacing: 0.2px;
text-align: center;
text-decoration: none;
white-space: nowrap;
user-select: none;
background: color-mod(var(--green) a(20%));
border-radius: 3px;
text-transform: uppercase;
}
.gh-badge-blue {
background: var(--blue);
}
.gh-badge-red {
color: var(--red);
background: color-mod(var(--red) a(20%));
}
.gh-badge-purple {
color: var(--purple);
background: color-mod(var(--purple) 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;
}