gerrit.onap Code Review - vnfsdk/refrepo.git/blob

   1 /*!
   2  * Angular Material Design
   3  * https://github.com/angular/material
   4  * @license MIT
   5  * v1.1.3
   6  */
   7 md-fab-speed-dial {
   8   position: relative;
   9   display: -webkit-box;
  10   display: -webkit-flex;
  11   display: flex;
  12   -webkit-box-align: center;
  13   -webkit-align-items: center;
  14           align-items: center;
  15   z-index: 20;
  16   /*
  17    * Hide some graphics glitches if switching animation types
  18    */
  19   /*
  20    * Handle the animations
  21    */ }
  22   md-fab-speed-dial.md-fab-bottom-right {
  23     top: auto;
  24     right: 20px;
  25     bottom: 20px;
  26     left: auto;
  27     position: absolute; }
  28   md-fab-speed-dial.md-fab-bottom-left {
  29     top: auto;
  30     right: auto;
  31     bottom: 20px;
  32     left: 20px;
  33     position: absolute; }
  34   md-fab-speed-dial.md-fab-top-right {
  35     top: 20px;
  36     right: 20px;
  37     bottom: auto;
  38     left: auto;
  39     position: absolute; }
  40   md-fab-speed-dial.md-fab-top-left {
  41     top: 20px;
  42     right: auto;
  43     bottom: auto;
  44     left: 20px;
  45     position: absolute; }
  46   md-fab-speed-dial:not(.md-hover-full) {
  47     pointer-events: none; }
  48     md-fab-speed-dial:not(.md-hover-full) md-fab-trigger, md-fab-speed-dial:not(.md-hover-full) .md-fab-action-item {
  49       pointer-events: auto; }
  50     md-fab-speed-dial:not(.md-hover-full).md-is-open {
  51       pointer-events: auto; }
  52   md-fab-speed-dial ._md-css-variables {
  53     z-index: 20; }
  54   md-fab-speed-dial.md-is-open .md-fab-action-item {
  55     -webkit-box-align: center;
  56     -webkit-align-items: center;
  57             align-items: center; }
  58   md-fab-speed-dial md-fab-actions {
  59     display: -webkit-box;
  60     display: -webkit-flex;
  61     display: flex;
  62     height: auto; }
  63     md-fab-speed-dial md-fab-actions .md-fab-action-item {
  64       -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  65       transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  66   md-fab-speed-dial.md-down {
  67     -webkit-box-orient: vertical;
  68     -webkit-box-direction: normal;
  69     -webkit-flex-direction: column;
  70             flex-direction: column; }
  71     md-fab-speed-dial.md-down md-fab-trigger {
  72       -webkit-box-ordinal-group: 2;
  73       -webkit-order: 1;
  74               order: 1; }
  75     md-fab-speed-dial.md-down md-fab-actions {
  76       -webkit-box-orient: vertical;
  77       -webkit-box-direction: normal;
  78       -webkit-flex-direction: column;
  79               flex-direction: column;
  80       -webkit-box-ordinal-group: 3;
  81       -webkit-order: 2;
  82               order: 2; }
  83   md-fab-speed-dial.md-up {
  84     -webkit-box-orient: vertical;
  85     -webkit-box-direction: normal;
  86     -webkit-flex-direction: column;
  87             flex-direction: column; }
  88     md-fab-speed-dial.md-up md-fab-trigger {
  89       -webkit-box-ordinal-group: 3;
  90       -webkit-order: 2;
  91               order: 2; }
  92     md-fab-speed-dial.md-up md-fab-actions {
  93       -webkit-box-orient: vertical;
  94       -webkit-box-direction: reverse;
  95       -webkit-flex-direction: column-reverse;
  96               flex-direction: column-reverse;
  97       -webkit-box-ordinal-group: 2;
  98       -webkit-order: 1;
  99               order: 1; }
 100   md-fab-speed-dial.md-left {
 101     -webkit-box-orient: horizontal;
 102     -webkit-box-direction: normal;
 103     -webkit-flex-direction: row;
 104             flex-direction: row; }
 105     md-fab-speed-dial.md-left md-fab-trigger {
 106       -webkit-box-ordinal-group: 3;
 107       -webkit-order: 2;
 108               order: 2; }
 109     md-fab-speed-dial.md-left md-fab-actions {
 110       -webkit-box-orient: horizontal;
 111       -webkit-box-direction: reverse;
 112       -webkit-flex-direction: row-reverse;
 113               flex-direction: row-reverse;
 114       -webkit-box-ordinal-group: 2;
 115       -webkit-order: 1;
 116               order: 1; }
 117       md-fab-speed-dial.md-left md-fab-actions .md-fab-action-item {
 118         -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
 119         transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
 120   md-fab-speed-dial.md-right {
 121     -webkit-box-orient: horizontal;
 122     -webkit-box-direction: normal;
 123     -webkit-flex-direction: row;
 124             flex-direction: row; }
 125     md-fab-speed-dial.md-right md-fab-trigger {
 126       -webkit-box-ordinal-group: 2;
 127       -webkit-order: 1;
 128               order: 1; }
 129     md-fab-speed-dial.md-right md-fab-actions {
 130       -webkit-box-orient: horizontal;
 131       -webkit-box-direction: normal;
 132       -webkit-flex-direction: row;
 133               flex-direction: row;
 134       -webkit-box-ordinal-group: 3;
 135       -webkit-order: 2;
 136               order: 2; }
 137       md-fab-speed-dial.md-right md-fab-actions .md-fab-action-item {
 138         -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
 139         transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
 140   md-fab-speed-dial.md-fling-remove .md-fab-action-item > *, md-fab-speed-dial.md-scale-remove .md-fab-action-item > * {
 141     visibility: hidden; }
 142   md-fab-speed-dial.md-fling .md-fab-action-item {
 143     opacity: 1; }
 144   md-fab-speed-dial.md-fling.md-animations-waiting .md-fab-action-item {
 145     opacity: 0;
 146     -webkit-transition-duration: 0s;
 147             transition-duration: 0s; }
 148   md-fab-speed-dial.md-scale .md-fab-action-item {
 149     -webkit-transform: scale(0);
 150             transform: scale(0);
 151     -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
 152     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
 153     -webkit-transition-duration: 0.14286s;
 154             transition-duration: 0.14286s; }