/*! * Angular Material Design * https://github.com/angular/material * @license MIT * v1.1.3 */ 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; -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); 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; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in; } md-fab-toolbar.md-left md-fab-trigger { right: 0; } [dir=rtl] md-fab-toolbar.md-left md-fab-trigger { right: auto; left: 0; } md-fab-toolbar.md-left .md-toolbar-tools { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child { margin-right: 0.6rem; } [dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child { margin-right: auto; margin-left: 0.6rem; } md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child { margin-left: -0.8rem; } [dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child { margin-left: auto; margin-right: -0.8rem; } md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child { margin-right: 8px; } [dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child { margin-right: auto; margin-left: 8px; } md-fab-toolbar.md-right md-fab-trigger { left: 0; } [dir=rtl] md-fab-toolbar.md-right md-fab-trigger { left: auto; right: 0; } md-fab-toolbar.md-right .md-toolbar-tools { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-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); -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); -webkit-transition-duration: 0.15s; 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); }