mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-16 04:08:34 +03:00
50 lines
991 B
CSS
50 lines
991 B
CSS
/* Notifications
|
|
/* ---------------------------------------------------------- */
|
|
|
|
.gh-notification {
|
|
position: fixed;
|
|
bottom: 20px;
|
|
left: 20px;
|
|
display: flex;
|
|
padding: 4px;
|
|
width: 220px;
|
|
border: #e1e1e1 1px solid;
|
|
background: rgba(255,255,255,0.93);
|
|
border-radius: 4px;
|
|
box-shadow: rgba(0,0,0,0.06) 0 1px 7px;
|
|
color: #828282;
|
|
font-size: 1.2rem;
|
|
line-height: 1.4em;
|
|
}
|
|
|
|
.gh-notification-content {
|
|
flex-grow: 1;
|
|
padding: 10px 15px;
|
|
border-radius: 3px;
|
|
transition: background 0.2s ease;
|
|
}
|
|
|
|
.gh-notification:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.gh-notification:hover .gh-notification-content {
|
|
background: color(var(--blue) lightness(+34%));
|
|
}
|
|
|
|
.gh-notification-close {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
padding: 6px 6px 5px 5px;
|
|
background: #fff;
|
|
border-radius: 0 4px 0 4px;
|
|
font-size: 7px;
|
|
line-height: 5px;
|
|
}
|
|
|
|
.gh-notification-close:hover {
|
|
background: #fff;
|
|
color: var(--red);
|
|
}
|