/* Common */ /* Responsive Breakpoints */ /* Transitions - Based on Angular Material */ /* Elevation - Based on Angular Material */ .md-speed-dial { display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -ms-flex-align: center; align-items: center; } .md-speed-dial.md-direction-top.md-mode-fling [md-fab-trigger] ~ .md-button { transform: scale(0.95) translate3D(0, 80%, 0); } .md-speed-dial.md-direction-top [md-fab-trigger] { margin-top: 8px; } .md-speed-dial.md-direction-top [md-fab-trigger] ~ .md-button { margin-bottom: 16px; } .md-speed-dial.md-direction-right { -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; } .md-speed-dial.md-direction-right.md-mode-fling [md-fab-trigger] ~ .md-button { transform: scale(0.95) translate3D(-80%, 0, 0); } .md-speed-dial.md-direction-right [md-fab-trigger] { margin-right: 8px; } .md-speed-dial.md-direction-right [md-fab-trigger] ~ .md-button { margin-left: 16px; } .md-speed-dial.md-direction-bottom { -ms-flex-direction: column; flex-direction: column; } .md-speed-dial.md-direction-bottom.md-mode-fling [md-fab-trigger] ~ .md-button { transform: scale(0.95) translate3D(0, -80%, 0); } .md-speed-dial.md-direction-bottom [md-fab-trigger] { margin-bottom: 8px; } .md-speed-dial.md-direction-bottom [md-fab-trigger] ~ .md-button { margin-top: 16px; } .md-speed-dial.md-direction-left { -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-pack: center; justify-content: center; } .md-speed-dial.md-direction-left.md-mode-fling [md-fab-trigger] ~ .md-button { transform: scale(0.95) translate3D(80%, 0, 0); } .md-speed-dial.md-direction-left [md-fab-trigger] { margin-left: 8px; } .md-speed-dial.md-direction-left [md-fab-trigger] ~ .md-button { margin-right: 16px; } .md-speed-dial.md-mode-scale [md-fab-trigger] ~ .md-button { transform: scale(0.6); } .md-speed-dial.md-active [md-fab-trigger] ~ .md-button { opacity: 1; pointer-events: auto; transform: translate3D(0, 0, 0) !important; } .md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(2) { transition-delay: 0.05s; } .md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(3) { transition-delay: 0.1s; } .md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(4) { transition-delay: 0.15s; } .md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(5) { transition-delay: 0.2s; } .md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(6) { transition-delay: 0.25s; } .md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(7) { transition-delay: 0.3s; } .md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(8) { transition-delay: 0.35s; } .md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(9) { transition-delay: 0.4s; } .md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(10) { transition-delay: 0.45s; } .md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(11) { transition-delay: 0.5s; } .md-speed-dial.md-active [md-fab-trigger] [md-icon-morph] { transform: rotateZ(0); opacity: 1; } .md-speed-dial.md-active [md-fab-trigger] [md-icon-morph] + .md-icon { transform: rotateZ(90deg) scale(0.8); opacity: 0; } .md-speed-dial .md-button { margin: 0; } .md-speed-dial [md-fab-trigger] { position: relative; z-index: 2; } .md-speed-dial [md-fab-trigger] ~ .md-button { position: relative; z-index: 1; opacity: 0; pointer-events: none; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } .md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(2) { transition-delay: 0.05s; } .md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(3) { transition-delay: 0.1s; } .md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(4) { transition-delay: 0.15s; } .md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(5) { transition-delay: 0.2s; } .md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(6) { transition-delay: 0.25s; } .md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(7) { transition-delay: 0.3s; } .md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(8) { transition-delay: 0.35s; } .md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(9) { transition-delay: 0.4s; } .md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(10) { transition-delay: 0.45s; } .md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(11) { transition-delay: 0.5s; } .md-speed-dial [md-icon-morph] + .md-icon, .md-speed-dial [md-icon-morph] { transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } .md-speed-dial [md-icon-morph] { opacity: 0; transform: rotateZ(-90deg) scale(0.8); } /*# sourceMappingURL=index.css.map*/