2017-02-17 17:10:02 +03:00
|
|
|
/* Alerts
|
|
|
|
/* ---------------------------------------------------------- */
|
|
|
|
|
|
|
|
.gh-box {
|
2017-03-03 16:24:43 +03:00
|
|
|
position: relative;
|
2017-02-17 17:10:02 +03:00
|
|
|
padding: 12px 10px 14px 40px;
|
2019-06-18 13:47:21 +03:00
|
|
|
border: 1px solid transparent;
|
2017-02-17 17:10:02 +03:00
|
|
|
border-left-width: 5px;
|
|
|
|
color: var(--midgrey);
|
2019-06-18 13:47:21 +03:00
|
|
|
line-height: 1.55em;
|
2017-02-17 17:10:02 +03:00
|
|
|
letter-spacing: 0.2px;
|
|
|
|
background: #fff;
|
|
|
|
border-radius: 5px;
|
2019-06-18 13:47:21 +03:00
|
|
|
border-color: var(--whitegrey);
|
|
|
|
box-shadow: 0 6px 10px -8px rgba(0,0,0,.15)
|
2017-02-17 17:10:02 +03:00
|
|
|
}
|
|
|
|
|
2017-04-07 18:23:45 +03:00
|
|
|
.gh-box svg:first-of-type {
|
2017-02-17 17:10:02 +03:00
|
|
|
position: absolute;
|
|
|
|
top: 13px;
|
2019-11-22 14:15:59 +03:00
|
|
|
left: 12px;
|
2017-04-07 18:23:45 +03:00
|
|
|
height: 2.1rem;
|
|
|
|
width: auto;
|
2017-02-17 17:10:02 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
.gh-box-info {
|
|
|
|
border-left-color: var(--blue);
|
|
|
|
}
|
2017-04-07 18:23:45 +03:00
|
|
|
|
2019-11-22 14:15:59 +03:00
|
|
|
.gh-box-info svg:first-of-type {
|
2017-04-07 18:23:45 +03:00
|
|
|
fill: var(--blue);
|
2017-02-17 17:10:02 +03:00
|
|
|
}
|
2019-11-07 13:14:01 +03:00
|
|
|
|
|
|
|
.gh-box-warning {
|
|
|
|
border-left-color: var(--yellow);
|
|
|
|
}
|
|
|
|
|
2019-11-22 14:15:59 +03:00
|
|
|
.gh-box-warning svg:first-of-type {
|
2019-11-07 13:14:01 +03:00
|
|
|
fill: var(--yellow);
|
|
|
|
}
|
|
|
|
|
|
|
|
.gh-box-warning a {
|
|
|
|
color: var(--yellow);
|
2019-11-22 14:15:59 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
.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);
|
2019-11-25 19:03:54 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
.gh-box-error-border {
|
|
|
|
border-left: 5px solid var(--red);
|
2019-11-07 13:14:01 +03:00
|
|
|
}
|