Ghost/ghost/admin/app/styles/components/badges.css
Kevin Ansfield 6bff262849 Switch to packaged version of Spirit (#985)
no issue
- remove the manually copied Spirit CSS files
- remove the manually copied Spirit helpers
- install `ember-cli-ghost-spirit` addon
- remove manual postcss configuration
- update all `color()` functions in CSS to `color-mod()`
- fixed invalid `color-mod()` usage in `power-calendar.css`
- bump sub-dependencies
2018-04-03 11:52:18 +01:00

56 lines
1.4 KiB
CSS

/* Badges
/* ---------------------------------------------------------- */
.gh-badge {
display: inline-block;
padding: 2px 4px 3px;
border: color-mod(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-mod(var(--green) whiteness(+4%)),
color-mod(var(--green) blackness(+4%))
);
border-radius: 3px;
}
.gh-badge-blue {
border: color-mod(var(--blue) blackness(+8%)) 1px solid;
background: linear-gradient(
color-mod(var(--blue) whiteness(+10%)),
color-mod(var(--blue) blackness(+4%))
);
}
.gh-badge-red {
border: color-mod(var(--red) blackness(+8%)) 1px solid;
background: linear-gradient(
color-mod(var(--red) whiteness(+10%)),
color-mod(var(--red) blackness(+4%))
);
}
.gh-badge-black {
border: color-mod(var(--darkgrey) blackness(+8%)) 1px solid;
background: linear-gradient(
color-mod(var(--darkgrey) whiteness(+10%)),
color-mod(var(--darkgrey) blackness(+4%))
);
}
.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;
}