arnaucube
arnaucube/commonroutesAppPublic Self-hosted repository
commonroutesApp/www/lib/angular-material/modules/js/button/button.css
www/lib/angular-material/modules/js/button/button.cssRaw
  1/*!
  2 * Angular Material Design
  3 * https://github.com/angular/material
  4 * @license MIT
  5 * v1.1.1
  6 */
  7button.md-button::-moz-focus-inner {
  8  border: 0; }
  9
 10.md-button {
 11  display: inline-block;
 12  position: relative;
 13  cursor: pointer;
 14  /** Alignment adjustments */
 15  min-height: 36px;
 16  min-width: 88px;
 17  line-height: 36px;
 18  vertical-align: middle;
 19  -webkit-box-align: center;
 20  -webkit-align-items: center;
 21              -ms-grid-row-align: center;
 22          align-items: center;
 23  text-align: center;
 24  border-radius: 3px;
 25  box-sizing: border-box;
 26  /* Reset default button appearance */
 27  -webkit-user-select: none;
 28     -moz-user-select: none;
 29      -ms-user-select: none;
 30          user-select: none;
 31  outline: none;
 32  border: 0;
 33  /** Custom styling for button */
 34  padding: 0 6px;
 35  margin: 6px 8px;
 36  background: transparent;
 37  color: currentColor;
 38  white-space: nowrap;
 39  /* Uppercase text content */
 40  text-transform: uppercase;
 41  font-weight: 500;
 42  font-size: 14px;
 43  font-style: inherit;
 44  font-variant: inherit;
 45  font-family: inherit;
 46  text-decoration: none;
 47  overflow: hidden;
 48  -webkit-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);
 49  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); }
 50  .md-button:focus {
 51    outline: none; }
 52  .md-button:hover, .md-button:focus {
 53    text-decoration: none; }
 54  .md-button.ng-hide, .md-button.ng-leave {
 55    -webkit-transition: none;
 56    transition: none; }
 57  .md-button.md-cornered {
 58    border-radius: 0; }
 59  .md-button.md-icon {
 60    padding: 0;
 61    background: none; }
 62  .md-button.md-raised:not([disabled]) {
 63    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
 64  .md-button.md-icon-button {
 65    margin: 0 6px;
 66    height: 40px;
 67    min-width: 0;
 68    line-height: 24px;
 69    padding: 8px;
 70    width: 40px;
 71    border-radius: 50%; }
 72    .md-button.md-icon-button .md-ripple-container {
 73      border-radius: 50%;
 74      background-clip: padding-box;
 75      overflow: hidden;
 76      -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC"); }
 77  .md-button.md-fab {
 78    z-index: 20;
 79    line-height: 56px;
 80    min-width: 0;
 81    width: 56px;
 82    height: 56px;
 83    vertical-align: middle;
 84    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
 85    border-radius: 50%;
 86    background-clip: padding-box;
 87    overflow: hidden;
 88    -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
 89    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
 90    -webkit-transition-property: background-color, box-shadow, -webkit-transform;
 91    transition-property: background-color, box-shadow, -webkit-transform;
 92    transition-property: background-color, box-shadow, transform;
 93    transition-property: background-color, box-shadow, transform, -webkit-transform; }
 94    .md-button.md-fab.md-fab-bottom-right {
 95      top: auto;
 96      right: 20px;
 97      bottom: 20px;
 98      left: auto;
 99      position: absolute; }
100    .md-button.md-fab.md-fab-bottom-left {
101      top: auto;
102      right: auto;
103      bottom: 20px;
104      left: 20px;
105      position: absolute; }
106    .md-button.md-fab.md-fab-top-right {
107      top: 20px;
108      right: 20px;
109      bottom: auto;
110      left: auto;
111      position: absolute; }
112    .md-button.md-fab.md-fab-top-left {
113      top: 20px;
114      right: auto;
115      bottom: auto;
116      left: 20px;
117      position: absolute; }
118    .md-button.md-fab .md-ripple-container {
119      border-radius: 50%;
120      background-clip: padding-box;
121      overflow: hidden;
122      -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC"); }
123    .md-button.md-fab.md-mini {
124      line-height: 40px;
125      width: 40px;
126      height: 40px; }
127    .md-button.md-fab.ng-hide, .md-button.md-fab.ng-leave {
128      -webkit-transition: none;
129      transition: none; }
130  .md-button:not([disabled]).md-raised.md-focused, .md-button:not([disabled]).md-fab.md-focused {
131    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
132  .md-button:not([disabled]).md-raised:active, .md-button:not([disabled]).md-fab:active {
133    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); }
134  .md-button .md-ripple-container {
135    border-radius: 3px;
136    background-clip: padding-box;
137    overflow: hidden;
138    -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC"); }
139
140.md-button.md-icon-button md-icon,
141button.md-button.md-fab md-icon {
142  display: block; }
143
144.md-toast-open-top .md-button.md-fab-top-left,
145.md-toast-open-top .md-button.md-fab-top-right {
146  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
147  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
148  -webkit-transform: translate3d(0, 42px, 0);
149          transform: translate3d(0, 42px, 0); }
150  .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,
151  .md-toast-open-top .md-button.md-fab-top-right:not([disabled]).md-focused,
152  .md-toast-open-top .md-button.md-fab-top-right:not([disabled]):hover {
153    -webkit-transform: translate3d(0, 41px, 0);
154            transform: translate3d(0, 41px, 0); }
155
156.md-toast-open-bottom .md-button.md-fab-bottom-left,
157.md-toast-open-bottom .md-button.md-fab-bottom-right {
158  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
159  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
160  -webkit-transform: translate3d(0, -42px, 0);
161          transform: translate3d(0, -42px, 0); }
162  .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,
163  .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]).md-focused,
164  .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):hover {
165    -webkit-transform: translate3d(0, -43px, 0);
166            transform: translate3d(0, -43px, 0); }
167
168.md-button-group {
169  display: -webkit-box;
170  display: -webkit-flex;
171  display: flex;
172  -webkit-box-flex: 1;
173  -webkit-flex: 1;
174          flex: 1;
175  width: 100%; }
176  .md-button-group > .md-button {
177    -webkit-box-flex: 1;
178    -webkit-flex: 1;
179            flex: 1;
180    display: block;
181    overflow: hidden;
182    width: 0;
183    border-width: 1px 0px 1px 1px;
184    border-radius: 0;
185    text-align: center;
186    text-overflow: ellipsis;
187    white-space: nowrap; }
188    .md-button-group > .md-button:first-child {
189      border-radius: 2px 0px 0px 2px; }
190    .md-button-group > .md-button:last-child {
191      border-right-width: 1px;
192      border-radius: 0px 2px 2px 0px; }
193
194@media screen and (-ms-high-contrast: active) {
195  .md-button.md-raised,
196  .md-button.md-fab {
197    border: 1px solid #fff; } }