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;
|
2021-02-10 15:48:10 +03:00
|
|
|
color: var(--darkgrey);
|
2019-06-18 13:47:21 +03:00
|
|
|
line-height: 1.55em;
|
2017-02-17 17:10:02 +03:00
|
|
|
letter-spacing: 0.2px;
|
2021-02-10 13:54:27 +03:00
|
|
|
background: color-mod(var(--blue) a(5%));
|
2017-02-17 17:10:02 +03:00
|
|
|
border-radius: 5px;
|
2021-02-10 13:54:27 +03:00
|
|
|
border-color: color-mod(var(--blue) a(30%));
|
2017-02-17 17:10:02 +03:00
|
|
|
}
|
|
|
|
|
2020-09-16 16:37:33 +03:00
|
|
|
.gh-box a {
|
2021-02-10 13:54:27 +03:00
|
|
|
color: var(--black);
|
2021-02-10 15:48:10 +03:00
|
|
|
font-weight: 600;
|
2020-09-16 16:37:33 +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;
|
2019-11-22 14:15:59 +03:00
|
|
|
left: 12px;
|
2017-04-07 18:23:45 +03:00
|
|
|
width: auto;
|
2017-02-17 17:10:02 +03:00
|
|
|
}
|
|
|
|
|
2020-09-16 16:37:33 +03:00
|
|
|
.gh-box-tip svg:first-of-type {
|
|
|
|
top: 12px;
|
|
|
|
height: 2rem;
|
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
|
|
|
|
2020-09-16 16:37:33 +03:00
|
|
|
.gh-box-alert {
|
2021-02-10 15:48:10 +03:00
|
|
|
border-color: var(--yellow);
|
|
|
|
background: color-mod(var(--yellow) a(5%));
|
2019-11-07 13:14:01 +03:00
|
|
|
}
|
|
|
|
|
2020-09-16 16:37:33 +03:00
|
|
|
.gh-box-alert svg:first-of-type {
|
|
|
|
top: 14px;
|
|
|
|
height: 1.8rem;
|
|
|
|
fill: color-mod(var(--yellow) l(-8%) s(+10%));
|
2019-11-22 14:15:59 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
.gh-box-error {
|
2021-02-23 00:33:42 +03:00
|
|
|
border-radius: 3px;
|
|
|
|
border: 1px solid color-mod(var(--red) a(70%));
|
|
|
|
background: color-mod(var(--red) a(3%));
|
2019-11-22 14:15:59 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
.gh-box-error svg:first-of-type {
|
2020-09-16 16:37:33 +03:00
|
|
|
top: 14px;
|
2019-11-22 14:15:59 +03:00
|
|
|
height: 1.8rem;
|
2020-09-16 16:37:33 +03:00
|
|
|
fill: var(--red);
|
2019-11-25 19:03:54 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
.gh-box-error-border {
|
|
|
|
border-left: 5px solid var(--red);
|
2021-02-03 22:08:01 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
.gh-content-bg-whitegrey {
|
|
|
|
background: var(--whitegrey-l1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.gh-content-box {
|
2021-02-05 14:04:36 +03:00
|
|
|
border: 1px solid var(--whitegrey);
|
2021-02-04 17:25:20 +03:00
|
|
|
border-radius: 4px;
|
2021-02-03 22:08:01 +03:00
|
|
|
background: var(--white);
|
2021-02-04 17:25:20 +03:00
|
|
|
}
|
|
|
|
|
2021-02-08 19:22:53 +03:00
|
|
|
.gh-content-box.pa { padding: 24px; }
|
|
|
|
.gh-content-box.pt { padding-top: 24px; }
|
|
|
|
.gh-content-box.pr { padding-right: 24px; }
|
|
|
|
.gh-content-box.pb { padding-bottom: 24px; }
|
|
|
|
.gh-content-box.pl { padding-left: 24px; }
|
|
|
|
|
2021-02-04 17:25:20 +03:00
|
|
|
.gh-content-box.grey {
|
|
|
|
border: none;
|
2021-02-05 14:04:36 +03:00
|
|
|
background: var(--main-color-content-greybg);
|
|
|
|
}
|
|
|
|
|
|
|
|
.gh-content-box.darkgrey {
|
|
|
|
border: none;
|
|
|
|
background: color-mod(var(--black) l(+6%) s(+2%));
|
|
|
|
color: var(--white);
|
|
|
|
}
|
|
|
|
|
|
|
|
.gh-content-box.black {
|
|
|
|
border: none;
|
|
|
|
background: var(--black);
|
|
|
|
color: var(--white);
|
2021-02-05 17:43:20 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
.gh-content-box.vertical {
|
|
|
|
background: none;
|
|
|
|
border-left: none;
|
|
|
|
border-right: none;
|
2021-02-05 20:27:40 +03:00
|
|
|
border-top: 1px solid var(--list-color-divider);
|
|
|
|
border-bottom: 1px solid var(--list-color-divider);
|
2021-02-05 17:43:20 +03:00
|
|
|
border-radius: 0;
|
2019-11-07 13:14:01 +03:00
|
|
|
}
|