mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2025-10-31 07:57:45 +03:00
Code Issues Packages Projects Releases Wiki Activity

#775 Snackbar transitions have invalid '0' values

Browse Source
This commit is contained in:
Kevin Ross 2015-12-10 08:13:58 -06:00
parent 1ed294899c
commit 2f314ee2cb
1 changed files with 27 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
scss/plugins/_plugin-snackbarjs.scss
View File

@ -1,32 +1,27 @@
//// Support for SnackbarJS plugin
//// https://github.com/FezVrasta/snackbarjs
//
//.snackbar {
// // Style
// background-color: #323232;
// color: $mdb-text-color-light;
// font-size: 14px;
// border-radius: $border-radius-base;
// @include 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;
//}
// Support for SnackbarJS plugin
// https://github.com/FezVrasta/snackbarjs
.snackbar {
height: 0;
font-size: 14px;
color: $mdb-text-color-light;
background-color: #323232;
border-radius: $border-radius-base;
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, padding 0s linear 0.2s, height 0s linear 0.2s;
transform: translateY(200%);
@include shadow-z-1;
}
.snackbar.snackbar-opened {
height: auto;
padding: 14px 15px;
margin-bottom: 20px;
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, height 0s linear 0.2s;
transform: none;
}
// Variations
.snackbar.toast {
border-radius: 200px;
}