2014-08-25 18:36:54 +04:00
|
|
|
// Support for SnackbarJS plugin
|
|
|
|
// https://github.com/FezVrasta/snackbarjs
|
|
|
|
|
|
|
|
.snackbar {
|
|
|
|
// Style
|
|
|
|
background-color: #323232;
|
2015-11-24 02:43:41 +03:00
|
|
|
color: @mdb-text-color-light;
|
2014-08-25 18:36:54 +04:00
|
|
|
font-size: 14px;
|
|
|
|
border-radius: 2px;
|
|
|
|
.shadow-z-1;
|
|
|
|
|
|
|
|
// Animation
|
|
|
|
height: 0;
|
|
|
|
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
|
|
|
|
transform: translateY(200%);
|
|
|
|
}
|
|
|
|
|
|
|
|
.snackbar.snackbar-opened {
|
|
|
|
// Style
|
|
|
|
padding: 14px 15px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
|
|
|
// Animation
|
|
|
|
height: auto;
|
|
|
|
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
|
|
|
|
transform: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Variations
|
|
|
|
.snackbar.toast {
|
|
|
|
border-radius: 200px;
|
|
|
|
}
|