| 1 | /*!
|
|---|
| 2 | * AngularJS Material Design
|
|---|
| 3 | * https://github.com/angular/material
|
|---|
| 4 | * @license MIT
|
|---|
| 5 | * v1.2.3
|
|---|
| 6 | */
|
|---|
| 7 | md-fab-toolbar {
|
|---|
| 8 | display: block;
|
|---|
| 9 | /*
|
|---|
| 10 | * Closed styling
|
|---|
| 11 | */
|
|---|
| 12 | /*
|
|---|
| 13 | * Open styling
|
|---|
| 14 | */ }
|
|---|
| 15 | md-fab-toolbar.md-fab-bottom-right {
|
|---|
| 16 | top: auto;
|
|---|
| 17 | right: 20px;
|
|---|
| 18 | bottom: 20px;
|
|---|
| 19 | left: auto;
|
|---|
| 20 | position: absolute; }
|
|---|
| 21 | md-fab-toolbar.md-fab-bottom-left {
|
|---|
| 22 | top: auto;
|
|---|
| 23 | right: auto;
|
|---|
| 24 | bottom: 20px;
|
|---|
| 25 | left: 20px;
|
|---|
| 26 | position: absolute; }
|
|---|
| 27 | md-fab-toolbar.md-fab-top-right {
|
|---|
| 28 | top: 20px;
|
|---|
| 29 | right: 20px;
|
|---|
| 30 | bottom: auto;
|
|---|
| 31 | left: auto;
|
|---|
| 32 | position: absolute; }
|
|---|
| 33 | md-fab-toolbar.md-fab-top-left {
|
|---|
| 34 | top: 20px;
|
|---|
| 35 | right: auto;
|
|---|
| 36 | bottom: auto;
|
|---|
| 37 | left: 20px;
|
|---|
| 38 | position: absolute; }
|
|---|
| 39 | md-fab-toolbar .md-fab-toolbar-wrapper {
|
|---|
| 40 | display: block;
|
|---|
| 41 | position: relative;
|
|---|
| 42 | overflow: hidden;
|
|---|
| 43 | height: 68px; }
|
|---|
| 44 | md-fab-toolbar md-fab-trigger {
|
|---|
| 45 | position: absolute;
|
|---|
| 46 | z-index: 20; }
|
|---|
| 47 | md-fab-toolbar md-fab-trigger button {
|
|---|
| 48 | overflow: visible !important; }
|
|---|
| 49 | md-fab-toolbar md-fab-trigger .md-fab-toolbar-background {
|
|---|
| 50 | display: block;
|
|---|
| 51 | position: absolute;
|
|---|
| 52 | z-index: 21;
|
|---|
| 53 | opacity: 1;
|
|---|
| 54 | transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
|
|---|
| 55 | md-fab-toolbar md-fab-trigger md-icon {
|
|---|
| 56 | position: relative;
|
|---|
| 57 | z-index: 22;
|
|---|
| 58 | opacity: 1;
|
|---|
| 59 | transition: all 200ms ease-in; }
|
|---|
| 60 | md-fab-toolbar.md-left md-fab-trigger {
|
|---|
| 61 | right: 0; }
|
|---|
| 62 | [dir=rtl] md-fab-toolbar.md-left md-fab-trigger {
|
|---|
| 63 | right: auto;
|
|---|
| 64 | left: 0; }
|
|---|
| 65 | md-fab-toolbar.md-left .md-toolbar-tools {
|
|---|
| 66 | flex-direction: row-reverse; }
|
|---|
| 67 | md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
|
|---|
| 68 | margin-right: 0.6rem; }
|
|---|
| 69 | [dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
|
|---|
| 70 | margin-right: auto;
|
|---|
| 71 | margin-left: 0.6rem; }
|
|---|
| 72 | md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
|
|---|
| 73 | margin-left: -0.8rem; }
|
|---|
| 74 | [dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
|
|---|
| 75 | margin-left: auto;
|
|---|
| 76 | margin-right: -0.8rem; }
|
|---|
| 77 | md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
|
|---|
| 78 | margin-right: 8px; }
|
|---|
| 79 | [dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
|
|---|
| 80 | margin-right: auto;
|
|---|
| 81 | margin-left: 8px; }
|
|---|
| 82 | md-fab-toolbar.md-right md-fab-trigger {
|
|---|
| 83 | left: 0; }
|
|---|
| 84 | [dir=rtl] md-fab-toolbar.md-right md-fab-trigger {
|
|---|
| 85 | left: auto;
|
|---|
| 86 | right: 0; }
|
|---|
| 87 | md-fab-toolbar.md-right .md-toolbar-tools {
|
|---|
| 88 | flex-direction: row; }
|
|---|
| 89 | md-fab-toolbar md-toolbar {
|
|---|
| 90 | background-color: transparent !important;
|
|---|
| 91 | pointer-events: none;
|
|---|
| 92 | z-index: 23; }
|
|---|
| 93 | md-fab-toolbar md-toolbar .md-toolbar-tools {
|
|---|
| 94 | padding: 0 20px;
|
|---|
| 95 | margin-top: 3px; }
|
|---|
| 96 | md-fab-toolbar md-toolbar .md-fab-action-item {
|
|---|
| 97 | opacity: 0;
|
|---|
| 98 | transform: scale(0);
|
|---|
| 99 | transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
|
|---|
| 100 | transition-duration: 0.15s; }
|
|---|
| 101 | md-fab-toolbar.md-is-open md-fab-trigger > button {
|
|---|
| 102 | box-shadow: none; }
|
|---|
| 103 | md-fab-toolbar.md-is-open md-fab-trigger > button md-icon {
|
|---|
| 104 | opacity: 0; }
|
|---|
| 105 | md-fab-toolbar.md-is-open .md-fab-action-item {
|
|---|
| 106 | opacity: 1;
|
|---|
| 107 | transform: scale(1); }
|
|---|
