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; } }