vue-material/dist/components/mdSpeedDial/index.css

/* 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*/