ecomp-portal-FE/client/bower_components/angular-material/modules/closure/button/button.css

   1 /*!
   2  * Angular Material Design
   3  * https://github.com/angular/material
   4  * @license MIT
   5  * v0.9.8
   6  */
   7 /* mixin definition ; sets LTR and RTL within the same style call */
   8 /**
   9  * Position a FAB button.
  10  */
  11 .md-button {
  12   box-sizing: border-box;
  13   color: currentColor;
  14   -webkit-user-select: none;
  15      -moz-user-select: none;
  16       -ms-user-select: none;
  17           user-select: none;
  18   position: relative;
  19   outline: none;
  20   border: 0;
  21   display: inline-block;
  22   padding: 0 6px;
  23   margin: 6px 8px;
  24   line-height: 36px;
  25   min-height: 36px;
  26   background: transparent;
  27   white-space: nowrap;
  28   min-width: 88px;
  29   text-align: center;
  30   text-transform: uppercase;
  31   font-weight: 500;
  32   font-size: 14px;
  33   font-style: inherit;
  34   font-variant: inherit;
  35   font-family: inherit;
  36   text-decoration: none;
  37   cursor: pointer;
  38   overflow: hidden;
  39   transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
  40   .md-button *, .md-button *:before, .md-button *:after {
  41     box-sizing: border-box; }
  42   .md-button:focus {
  43     outline: none; }
  44   .md-button:hover, .md-button:focus {
  45     text-decoration: none; }
  46   .md-button.ng-hide, .md-button.ng-leave {
  47     transition: none; }
  48   .md-button.md-cornered {
  49     border-radius: 0; }
  50   .md-button.md-icon {
  51     padding: 0;
  52     background: none; }
  53   .md-button.md-icon-button {
  54     margin: 0 6px;
  55     height: 48px;
  56     min-width: 0;
  57     line-height: 48px;
  58     padding-left: 0;
  59     padding-right: 0;
  60     width: 48px;
  61     border-radius: 50%; }
  62     .md-button.md-icon-button .md-ripple-container {
  63       border-radius: 50%;
  64       background-clip: padding-box;
  65       overflow: hidden;
  66       -webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC'); }
  67   .md-button.md-fab {
  68     z-index: 20;
  69     line-height: 56px;
  70     min-width: 0;
  71     width: 56px;
  72     height: 56px;
  73     vertical-align: middle;
  74     border-radius: 50%;
  75     background-clip: padding-box;
  76     overflow: hidden;
  77     transition: 0.2s linear;
  78     transition-property: background-color, box-shadow; }
  79     .md-button.md-fab.md-fab-bottom-right {
  80       top: auto;
  81       right: 20px;
  82       bottom: 20px;
  83       left: auto;
  84       position: absolute; }
  85     .md-button.md-fab.md-fab-bottom-left {
  86       top: auto;
  87       right: auto;
  88       bottom: 20px;
  89       left: 20px;
  90       position: absolute; }
  91     .md-button.md-fab.md-fab-top-right {
  92       top: 20px;
  93       right: 20px;
  94       bottom: auto;
  95       left: auto;
  96       position: absolute; }
  97     .md-button.md-fab.md-fab-top-left {
  98       top: 20px;
  99       right: auto;
 100       bottom: auto;
 101       left: 20px;
 102       position: absolute; }
 103     .md-button.md-fab .md-ripple-container {
 104       border-radius: 50%;
 105       background-clip: padding-box;
 106       overflow: hidden;
 107       -webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC'); }
 108     .md-button.md-fab md-icon {
 109       margin-top: 0; }
 110     .md-button.md-fab.md-mini {
 111       line-height: 40px;
 112       width: 40px;
 113       height: 40px; }
 114
 115 .md-toast-open-top .md-button.md-fab-top-left, .md-toast-open-top .md-button.md-fab-top-right {
 116   -webkit-transform: translate3d(0, 42px, 0);
 117           transform: translate3d(0, 42px, 0); }
 118   .md-toast-open-top .md-button.md-fab-top-left:not([disabled]).md-focused, .md-toast-open-top .md-button.md-fab-top-left:not([disabled]):hover, .md-toast-open-top .md-button.md-fab-top-right:not([disabled]).md-focused, .md-toast-open-top .md-button.md-fab-top-right:not([disabled]):hover {
 119     -webkit-transform: translate3d(0, 41px, 0);
 120             transform: translate3d(0, 41px, 0); }
 121
 122 .md-toast-open-bottom .md-button.md-fab-bottom-left, .md-toast-open-bottom .md-button.md-fab-bottom-right {
 123   -webkit-transform: translate3d(0, -42px, 0);
 124           transform: translate3d(0, -42px, 0); }
 125   .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]).md-focused, .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):hover, .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]).md-focused, .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):hover {
 126     -webkit-transform: translate3d(0, -43px, 0);
 127             transform: translate3d(0, -43px, 0); }
 128
 129 .md-button-group {
 130   display: -webkit-flex;
 131   display: -ms-flexbox;
 132   display: flex;
 133   -webkit-flex: 1;
 134       -ms-flex: 1;
 135           flex: 1;
 136   width: 100%; }
 137
 138 .md-button-group > .md-button {
 139   -webkit-flex: 1;
 140       -ms-flex: 1;
 141           flex: 1;
 142   display: block;
 143   overflow: hidden;
 144   width: 0;
 145   border-width: 1px 0px 1px 1px;
 146   border-radius: 0;
 147   text-align: center;
 148   text-overflow: ellipsis;
 149   white-space: nowrap; }
 150   .md-button-group > .md-button:first-child {
 151     border-radius: 2px 0px 0px 2px; }
 152   .md-button-group > .md-button:last-child {
 153     border-right-width: 1px;
 154     border-radius: 0px 2px 2px 0px; }
 155
 156 @media screen and (-ms-high-contrast: active) {
 157   .md-button.md-raised, .md-button.md-fab {
 158     border: 1px solid #fff; } }