Ghost/ghost/admin/app/styles/patterns/boxes.css
2019-11-25 17:03:54 +01:00

62 lines
1.1 KiB
CSS

/* Alerts
/* ---------------------------------------------------------- */
.gh-box {
position: relative;
padding: 12px 10px 14px 40px;
border: 1px solid transparent;
border-left-width: 5px;
color: var(--midgrey);
line-height: 1.55em;
letter-spacing: 0.2px;
background: #fff;
border-radius: 5px;
border-color: var(--whitegrey);
box-shadow: 0 6px 10px -8px rgba(0,0,0,.15)
}
.gh-box svg:first-of-type {
position: absolute;
top: 13px;
left: 12px;
height: 2.1rem;
width: auto;
}
.gh-box-info {
border-left-color: var(--blue);
}
.gh-box-info svg:first-of-type {
fill: var(--blue);
}
.gh-box-warning {
border-left-color: var(--yellow);
}
.gh-box-warning svg:first-of-type {
fill: var(--yellow);
}
.gh-box-warning a {
color: var(--yellow);
}
.gh-box-error {
border-left-color: var(--red);
color: var(--middarkgrey);
}
.gh-box-error svg:first-of-type {
fill: var(--red);
height: 1.8rem;
}
.gh-box-error a {
color: var(--red);
}
.gh-box-error-border {
border-left: 5px solid var(--red);
}