You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
987 B
Plaintext
66 lines
987 B
Plaintext
#snackbar-container {
|
|
position:fixed;
|
|
left:20px;
|
|
bottom:0;
|
|
z-index:99999;
|
|
|
|
strong {
|
|
margin-right: 30px;
|
|
}
|
|
}
|
|
|
|
.snackbar {
|
|
overflow:hidden;
|
|
clear:both;
|
|
min-width:288px;
|
|
max-width:568px;
|
|
cursor:pointer;
|
|
opacity:0;
|
|
}
|
|
|
|
.snackbar.snackbar-opened {
|
|
height:auto;
|
|
opacity:1;
|
|
}
|
|
|
|
@media (max-width:767px) {
|
|
#snackbar-container {
|
|
left:0!important;
|
|
right:0;
|
|
width:100%;
|
|
|
|
strong {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
#snackbar-container .snackbar {
|
|
min-width:100%;
|
|
}
|
|
|
|
#snackbar-container [class="snackbar snackbar-opened"]~.snackbar.toast {
|
|
margin-top:20px;
|
|
}
|
|
|
|
#snackbar-container [class="snackbar snackbar-opened"] {
|
|
border-radius:0;
|
|
margin-bottom:0;
|
|
}
|
|
}
|
|
|
|
.snackbar {
|
|
background-color: #323232;
|
|
color: #FFFFFF;
|
|
font-size: 14px;
|
|
border-radius: 2px;
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
height: 0;
|
|
.transition(.25s ease-in-out opacity);
|
|
}
|
|
|
|
.snackbar.snackbar-opened {
|
|
padding: 10px 15px;
|
|
margin-bottom: 20px;
|
|
height: auto;
|
|
}
|