Ghost/ghost/admin/app/styles/patterns/boxes.css

80 lines
1.6 KiB
CSS
Raw Normal View History

2017-02-17 17:10:02 +03:00
/* Alerts
/* ---------------------------------------------------------- */
.gh-box {
position: relative;
2021-03-23 14:17:47 +03:00
margin-top: 3px;
2017-02-17 17:10:02 +03:00
padding: 12px 10px 14px 40px;
2021-03-23 14:17:47 +03:00
border: 1px solid var(--blue);
2021-02-10 15:48:10 +03:00
color: var(--darkgrey);
line-height: 1.55em;
2017-02-17 17:10:02 +03:00
letter-spacing: 0.2px;
2021-03-23 14:17:47 +03:00
background: color-mod(var(--blue) a(4%));
border-radius: 3px;
2017-02-17 17:10:02 +03:00
}
.gh-box a:not(.gh-btn) {
2021-02-10 13:54:27 +03:00
color: var(--black);
2022-02-08 16:56:19 +03:00
font-weight: 500;
}
.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;
width: auto;
2022-02-08 16:56:19 +03:00
fill: var(--blue);
2017-02-17 17:10:02 +03:00
}
.gh-box-tip svg:first-of-type {
top: 12px;
height: 2rem;
2022-02-08 16:56:19 +03:00
}
.gh-box-green {
padding: 12px 24px;
background: color-mod(var(--green) a(4%));
border-color: color-mod(var(--green) a(60%));
}
.gh-box-green a {
color: var(--green-d1);
2017-02-17 17:10:02 +03:00
}
2019-11-07 13:14:01 +03:00
.gh-box-alert {
2021-02-10 15:48:10 +03:00
border-color: var(--yellow);
2021-03-23 14:17:47 +03:00
background: color-mod(var(--yellow) a(4%));
2019-11-07 13:14:01 +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-03-23 14:17:47 +03:00
border: 1px solid var(--red);
2021-02-23 00:33:42 +03:00
background: color-mod(var(--red) a(3%));
2019-11-22 14:15:59 +03:00
}
.gh-box-error svg:first-of-type {
top: 14px;
2019-11-22 14:15:59 +03:00
height: 1.8rem;
fill: var(--red);
2019-11-25 19:03:54 +03:00
}
.gh-content-box {
line-height: 1.4em;
border: none;
background: var(--main-color-content-greybg);
border-radius: 3px;
2021-02-04 17:25:20 +03:00
}
.gh-content-box a {
color: var(--green-d1);
}
.gh-content-box.pa { padding: 16px; }
.gh-content-box.pt { padding-top: 16px; }
.gh-content-box.pr { padding-right: 16px; }
.gh-content-box.pb { padding-bottom: 16px; }
.gh-content-box.pl { padding-left: 16px; }