1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
|
/*!
* Angular Material Design
* https://github.com/angular/material
* @license MIT
* v0.9.0-rc1-master-3c0ce9b
*/
/* mixin definition ; sets LTR and RTL within the same style call */
md-input-group label, .md-input-group label {
display: block;
font-size: 1.2rem; }
md-input-group textarea, md-input-group input[type="text"], md-input-group input[type="password"], md-input-group input[type="datetime"], md-input-group input[type="datetime-local"], md-input-group input[type="date"], md-input-group input[type="month"], md-input-group input[type="time"], md-input-group input[type="week"], md-input-group input[type="number"], md-input-group input[type="email"], md-input-group input[type="url"], md-input-group input[type="search"], md-input-group input[type="tel"], md-input-group input[type="color"], .md-input-group textarea, .md-input-group input[type="text"], .md-input-group input[type="password"], .md-input-group input[type="datetime"], .md-input-group input[type="datetime-local"], .md-input-group input[type="date"], .md-input-group input[type="month"], .md-input-group input[type="time"], .md-input-group input[type="week"], .md-input-group input[type="number"], .md-input-group input[type="email"], .md-input-group input[type="url"], .md-input-group input[type="search"], .md-input-group input[type="tel"], .md-input-group input[type="color"] {
display: block;
border-width: 0 0 1px 0;
padding-top: 2px;
line-height: 26px;
padding-bottom: 1px; }
md-input-group textarea:focus, md-input-group input[type="text"]:focus, md-input-group input[type="password"]:focus, md-input-group input[type="datetime"]:focus, md-input-group input[type="datetime-local"]:focus, md-input-group input[type="date"]:focus, md-input-group input[type="month"]:focus, md-input-group input[type="time"]:focus, md-input-group input[type="week"]:focus, md-input-group input[type="number"]:focus, md-input-group input[type="email"]:focus, md-input-group input[type="url"]:focus, md-input-group input[type="search"]:focus, md-input-group input[type="tel"]:focus, md-input-group input[type="color"]:focus, .md-input-group textarea:focus, .md-input-group input[type="text"]:focus, .md-input-group input[type="password"]:focus, .md-input-group input[type="datetime"]:focus, .md-input-group input[type="datetime-local"]:focus, .md-input-group input[type="date"]:focus, .md-input-group input[type="month"]:focus, .md-input-group input[type="time"]:focus, .md-input-group input[type="week"]:focus, .md-input-group input[type="number"]:focus, .md-input-group input[type="email"]:focus, .md-input-group input[type="url"]:focus, .md-input-group input[type="search"]:focus, .md-input-group input[type="tel"]:focus, .md-input-group input[type="color"]:focus {
outline: 0; }
md-input-group input, md-input-group textarea, .md-input-group input, .md-input-group textarea {
background: none; }
md-input-group, .md-input-group {
padding-bottom: 2px;
margin: 10px 0 8px 0;
position: relative;
display: block; }
md-input-group label, .md-input-group label {
font-size: 1.6rem;
z-index: 1;
pointer-events: none;
-webkit-font-smoothing: antialiased; }
md-input-group label:hover, .md-input-group label:hover {
cursor: text; }
md-input-group label, .md-input-group label {
-webkit-transform: translate3d(0, 22px, 0);
transform: translate3d(0, 22px, 0);
transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1);
transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1);
-webkit-transform-origin: left center;
transform-origin: left center; }
html[dir=rtl] md-input-group label, html[dir=rtl] .md-input-group label {
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform-origin: right center;
transform-origin: right center; }
md-input-group input, md-input-group textarea, .md-input-group input, .md-input-group textarea {
border-bottom-width: 1px;
transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1); }
md-input-group.md-input-focused label, .md-input-group.md-input-focused label {
-webkit-transform: translate3d(0, 4px, 0) scale(0.75);
transform: translate3d(0, 4px, 0) scale(0.75);
-webkit-transform-origin: left center;
transform-origin: left center; }
html[dir=rtl] md-input-group.md-input-focused label, html[dir=rtl] .md-input-group.md-input-focused label {
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform-origin: right center;
transform-origin: right center; }
md-input-group.md-input-focused input, md-input-group.md-input-focused textarea, .md-input-group.md-input-focused input, .md-input-group.md-input-focused textarea {
border-bottom-width: 2px; }
md-input-group.md-input-focused input, .md-input-group.md-input-focused input {
padding-bottom: 0; }
md-input-group.md-input-has-value label, .md-input-group.md-input-has-value label {
-webkit-transform: translate3d(0, 4px, 0) scale(0.75);
transform: translate3d(0, 4px, 0) scale(0.75);
-webkit-transform-origin: left center;
transform-origin: left center; }
html[dir=rtl] md-input-group.md-input-has-value label, html[dir=rtl] .md-input-group.md-input-has-value label {
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform-origin: right center;
transform-origin: right center; }
md-input-group.md-input-has-value:not(.md-input-focused) label, .md-input-group.md-input-has-value:not(.md-input-focused) label {
-webkit-transform: translate3d(0, 4px, 0) scale(0.75);
transform: translate3d(0, 4px, 0) scale(0.75);
-webkit-transform-origin: left center;
transform-origin: left center; }
html[dir=rtl] md-input-group.md-input-has-value:not(.md-input-focused) label, html[dir=rtl] .md-input-group.md-input-has-value:not(.md-input-focused) label {
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform-origin: right center;
transform-origin: right center; }
md-input-group[disabled] input, md-input-group[disabled] textarea, .md-input-group[disabled] input, .md-input-group[disabled] textarea {
border-bottom-width: 0px; }
md-input-group[disabled] input, md-input-group[disabled] textarea, .md-input-group[disabled] input, .md-input-group[disabled] textarea {
background-size: 3px 1px;
background-position: 0 bottom;
background-size: 2px 1px;
background-repeat: repeat-x;
pointer-events: none; }
md-input-group[disabled] label, .md-input-group[disabled] label {
-webkit-transform: translate3d(0, 4px, 0) scale(0.75);
transform: translate3d(0, 4px, 0) scale(0.75);
-webkit-transform-origin: left center;
transform-origin: left center; }
html[dir=rtl] md-input-group[disabled] label, html[dir=rtl] .md-input-group[disabled] label {
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform-origin: right center;
transform-origin: right center; }
md-input-group[disabled] *:not(.md-input-has-value) label, .md-input-group[disabled] *:not(.md-input-has-value) label {
-webkit-transform: translate3d(0, 22px, 0);
transform: translate3d(0, 22px, 0);
transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1);
-webkit-transform-origin: left center;
transform-origin: left center; }
html[dir=rtl] md-input-group[disabled] *:not(.md-input-has-value) label, html[dir=rtl] .md-input-group[disabled] *:not(.md-input-has-value) label {
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform-origin: right center;
transform-origin: right center; }
|
