source: trip-planner-front/node_modules/angular-material/modules/closure/textField/textField.css@ 6a3a178

Last change on this file since 6a3a178 was 6a3a178, checked in by Ema <ema_spirova@…>, 3 years ago

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