vue-moo
Version:
moo
40 lines (39 loc) • 726 B
CSS
.vp-toast {
overflow: hidden;
position: fixed;
z-index: 100;
bottom: 10%;
padding: 1em;
width: 100%;
font-size: 12px;
border-radius: 5px;
.vp-toast-showcase {
overflow: hidden;
position: relative;
margin: 0 auto;
width: 30em;
font-size: 14px;
border-radius: 5px;
color: #fff;
.vp-toast-content {
position: relative;
z-index: 1;
margin: 0;
padding: 1em;
min-height: 2em;
line-height: 2em;
text-align: center;
color: #fff;
}
.vp-toast-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: .85;
border-radius: 5px;
}
}
}