diff options
| author | Mitch Riedstra <Mitch@riedstra.us> | 2017-10-24 16:59:48 -0400 |
|---|---|---|
| committer | Mitch Riedstra <Mitch@riedstra.us> | 2017-10-24 16:59:48 -0400 |
| commit | 3e8b34be2fdeccf16c8b46f1ee518f970853768d (patch) | |
| tree | abcb7d0cb260790a2b4a746e3959f2e7ee3a33f7 /app/dispatch/static/materialize/sass/components/_pulse.scss | |
| parent | 4ee5893fd9c82228c62306fc7f5babdfc602e4c4 (diff) | |
| download | dispatch-tracker-3e8b34be2fdeccf16c8b46f1ee518f970853768d.tar.gz dispatch-tracker-3e8b34be2fdeccf16c8b46f1ee518f970853768d.tar.xz | |
Adding in materialize source and templates
Diffstat (limited to 'app/dispatch/static/materialize/sass/components/_pulse.scss')
| -rw-r--r-- | app/dispatch/static/materialize/sass/components/_pulse.scss | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/app/dispatch/static/materialize/sass/components/_pulse.scss b/app/dispatch/static/materialize/sass/components/_pulse.scss new file mode 100644 index 0000000..a3b7d9f --- /dev/null +++ b/app/dispatch/static/materialize/sass/components/_pulse.scss @@ -0,0 +1,34 @@ +.pulse {
+ &::before {
+ content: '';
+ display: block;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ background-color: inherit;
+ border-radius: inherit;
+ transition: opacity .3s, transform .3s;
+ animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
+ z-index: -1;
+ }
+
+ overflow: initial;
+ position: relative;
+}
+
+@keyframes pulse-animation {
+ 0% {
+ opacity: 1;
+ transform: scale(1);
+ }
+ 50% {
+ opacity: 0;
+ transform: scale(1.5);
+ }
+ 100% {
+ opacity: 0;
+ transform: scale(1.5);
+ }
+}
|