diff --git a/scss/plugins/_plugin-snackbarjs.scss b/scss/plugins/_plugin-snackbarjs.scss index ac2a6581..0341fc16 100644 --- a/scss/plugins/_plugin-snackbarjs.scss +++ b/scss/plugins/_plugin-snackbarjs.scss @@ -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; +}