Notification styling
This commit is contained in:
parent
5c6d544562
commit
d0eb2a441a
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue