| /*! |
| * Angular Material Design |
| * https://github.com/angular/material |
| * @license MIT |
| * v1.0.1 |
| */ |
| md-fab-toolbar { |
| display: block; |
| /* |
| * Closed styling |
| */ |
| /* |
| * Hover styling |
| */ } |
| md-fab-toolbar.md-fab-bottom-right { |
| top: auto; |
| right: 20px; |
| bottom: 20px; |
| left: auto; |
| position: absolute; } |
| md-fab-toolbar.md-fab-bottom-left { |
| top: auto; |
| right: auto; |
| bottom: 20px; |
| left: 20px; |
| position: absolute; } |
| md-fab-toolbar.md-fab-top-right { |
| top: 20px; |
| right: 20px; |
| bottom: auto; |
| left: auto; |
| position: absolute; } |
| md-fab-toolbar.md-fab-top-left { |
| top: 20px; |
| right: auto; |
| bottom: auto; |
| left: 20px; |
| position: absolute; } |
| md-fab-toolbar .md-fab-toolbar-wrapper { |
| display: block; |
| position: relative; |
| overflow: hidden; |
| height: 68px; } |
| md-fab-toolbar md-fab-trigger { |
| position: absolute; |
| z-index: 20; } |
| md-fab-toolbar md-fab-trigger button { |
| overflow: visible !important; } |
| md-fab-toolbar md-fab-trigger .md-fab-toolbar-background { |
| display: block; |
| position: absolute; |
| z-index: 21; |
| opacity: 1; |
| transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); } |
| md-fab-toolbar md-fab-trigger md-icon { |
| position: relative; |
| z-index: 22; |
| opacity: 1; |
| transition: all 200ms ease-in; } |
| md-fab-toolbar.md-left md-fab-trigger { |
| right: 0; } |
| md-fab-toolbar.md-left .md-toolbar-tools { |
| -webkit-flex-direction: row-reverse; |
| -ms-flex-direction: row-reverse; |
| flex-direction: row-reverse; } |
| md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child { |
| margin-right: 0.6rem; } |
| md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child { |
| margin-left: -0.8rem; } |
| md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child { |
| margin-right: 8px; } |
| md-fab-toolbar.md-right md-fab-trigger { |
| left: 0; } |
| md-fab-toolbar.md-right .md-toolbar-tools { |
| -webkit-flex-direction: row; |
| -ms-flex-direction: row; |
| flex-direction: row; } |
| md-fab-toolbar md-toolbar { |
| background-color: transparent !important; |
| pointer-events: none; |
| z-index: 23; } |
| md-fab-toolbar md-toolbar .md-toolbar-tools { |
| padding: 0 20px; |
| margin-top: 3px; } |
| md-fab-toolbar md-toolbar .md-fab-action-item { |
| opacity: 0; |
| -webkit-transform: scale(0); |
| transform: scale(0); |
| transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); |
| transition-duration: 0.15s; } |
| md-fab-toolbar.md-is-open md-fab-trigger > button { |
| box-shadow: none; } |
| md-fab-toolbar.md-is-open md-fab-trigger > button md-icon { |
| opacity: 0; } |
| md-fab-toolbar.md-is-open .md-fab-action-item { |
| opacity: 1; |
| -webkit-transform: scale(1); |
| transform: scale(1); } |