Notification styling

This commit is contained in:
Jiiks 2018-08-20 18:21:34 +03:00
parent 5c6d544562
commit d0eb2a441a
1 changed files with 8 additions and 8 deletions

View File

@ -6,13 +6,12 @@
.bd-notificationContainer {
position: relative;
background: #0a0a0a;
background: #202225;
width: 280px;
height: 130px;
top: 30px;
border-radius: 2px;
box-shadow: 1px 1px 15px #000;
animation: bd-notif-slidein 1s reverse;
border-radius: 5px;
box-shadow: 0px 0px 20px #202225;
.bd-notificationHeader {
height: 10px;
@ -22,7 +21,7 @@
cursor: pointer;
opacity: 0;
transform: scaleX(-1);
margin: 5px;
margin: 8px;
&:hover {
opacity: 1;
@ -76,14 +75,15 @@
line-height: 10px;
font-size: 14px;
font-weight: 500;
color: #fff;
color: #aeaeae;
padding: 5px 10px;
border-radius: 3px;
background: rgba(255, 255, 255, .1);
background: rgba(0, 0, 0, .2);
margin-left: 5px;
&:hover {
background: rgba(255, 255, 255, .2);
background: rgba(0, 0, 0, .3);
color: #fff;
}
}
}