git.roojs.org Git - bootswatch/blob - material-kit/sass/material-kit/plugins/_plugin-snackbarjs.scss

   1 // This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
   2
   3 // Support for SnackbarJS plugin
   4 // https://github.com/FezVrasta/snackbarjs
   5
   6 .snackbar {
   7     // Style
   8     background-color: #323232;
   9     color: $mdb-text-color-light;
  10     font-size: 14px;
  11     border-radius: $border-radius-base;
  12     @include shadow-z-1;
  13
  14     // Animation
  15     height: 0;
  16     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;
  17     transform: translateY(200%);
  18 }
  19
  20 .snackbar.snackbar-opened {
  21     // Style
  22     padding: 14px 15px;
  23     margin-bottom: 20px;
  24
  25     // Animation
  26     height: auto;
  27     transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, height 0s linear 0.2s;
  28     transform: none;
  29 }
  30
  31 // Variations
  32 .snackbar.toast {
  33     border-radius: 200px;
  34 }