arnaucube
arnaucube/socketioMEANseedPublic Self-hosted repository
socketioMEANseed/www/bower_components/angular-material/modules/closure/fabToolbar/fabToolbar.css
www/bower_components/angular-material/modules/closure/fabToolbar/fabToolbar.cssRaw
  1/*!
  2 * Angular Material Design
  3 * https://github.com/angular/material
  4 * @license MIT
  5 * v1.1.3
  6 */
  7md-fab-toolbar {
  8  display: block;
  9  /*
 10   * Closed styling
 11   */
 12  /*
 13   * Hover 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      -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
 55      transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
 56    md-fab-toolbar md-fab-trigger md-icon {
 57      position: relative;
 58      z-index: 22;
 59      opacity: 1;
 60      -webkit-transition: all 200ms ease-in;
 61      transition: all 200ms ease-in; }
 62  md-fab-toolbar.md-left md-fab-trigger {
 63    right: 0; }
 64    [dir=rtl] md-fab-toolbar.md-left md-fab-trigger {
 65      right: auto;
 66      left: 0; }
 67  md-fab-toolbar.md-left .md-toolbar-tools {
 68    -webkit-box-orient: horizontal;
 69    -webkit-box-direction: reverse;
 70    -webkit-flex-direction: row-reverse;
 71            flex-direction: row-reverse; }
 72    md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
 73      margin-right: 0.6rem; }
 74      [dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
 75        margin-right: auto;
 76        margin-left: 0.6rem; }
 77    md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
 78      margin-left: -0.8rem; }
 79      [dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
 80        margin-left: auto;
 81        margin-right: -0.8rem; }
 82    md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
 83      margin-right: 8px; }
 84      [dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
 85        margin-right: auto;
 86        margin-left: 8px; }
 87  md-fab-toolbar.md-right md-fab-trigger {
 88    left: 0; }
 89    [dir=rtl] md-fab-toolbar.md-right md-fab-trigger {
 90      left: auto;
 91      right: 0; }
 92  md-fab-toolbar.md-right .md-toolbar-tools {
 93    -webkit-box-orient: horizontal;
 94    -webkit-box-direction: normal;
 95    -webkit-flex-direction: row;
 96            flex-direction: row; }
 97  md-fab-toolbar md-toolbar {
 98    background-color: transparent !important;
 99    pointer-events: none;
100    z-index: 23; }
101    md-fab-toolbar md-toolbar .md-toolbar-tools {
102      padding: 0 20px;
103      margin-top: 3px; }
104    md-fab-toolbar md-toolbar .md-fab-action-item {
105      opacity: 0;
106      -webkit-transform: scale(0);
107              transform: scale(0);
108      -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
109      transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
110      -webkit-transition-duration: 0.15s;
111              transition-duration: 0.15s; }
112  md-fab-toolbar.md-is-open md-fab-trigger > button {
113    box-shadow: none; }
114    md-fab-toolbar.md-is-open md-fab-trigger > button md-icon {
115      opacity: 0; }
116  md-fab-toolbar.md-is-open .md-fab-action-item {
117    opacity: 1;
118    -webkit-transform: scale(1);
119            transform: scale(1); }