UNPKG

3.38 kBCSSView Raw
1/**
2 * @license
3 * Copyright Google LLC All Rights Reserved.
4 *
5 * Use of this source code is governed by an MIT-style license that can be
6 * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
7 */
8.mdc-form-field {
9 -moz-osx-font-smoothing: grayscale;
10 -webkit-font-smoothing: antialiased;
11 font-family: Roboto, sans-serif;
12 /* @alternate */
13 font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
14 font-size: 0.875rem;
15 /* @alternate */
16 font-size: var(--mdc-typography-body2-font-size, 0.875rem);
17 line-height: 1.25rem;
18 /* @alternate */
19 line-height: var(--mdc-typography-body2-line-height, 1.25rem);
20 font-weight: 400;
21 /* @alternate */
22 font-weight: var(--mdc-typography-body2-font-weight, 400);
23 letter-spacing: 0.0178571429em;
24 /* @alternate */
25 letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
26 text-decoration: inherit;
27 /* @alternate */
28 -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
29 text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
30 text-transform: inherit;
31 /* @alternate */
32 text-transform: var(--mdc-typography-body2-text-transform, inherit);
33 color: rgba(0, 0, 0, 0.87);
34 /* @alternate */
35 color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
36 display: inline-flex;
37 align-items: center;
38 vertical-align: middle;
39}
40.mdc-form-field > label {
41 /* @noflip */
42 /*rtl:ignore*/
43 margin-left: 0;
44 /* @noflip */
45 /*rtl:ignore*/
46 margin-right: auto;
47 /* @noflip */
48 /*rtl:ignore*/
49 padding-left: 4px;
50 /* @noflip */
51 /*rtl:ignore*/
52 padding-right: 0;
53 order: 0;
54}
55[dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] {
56 /*rtl:begin:ignore*/
57 /* @noflip */
58 /*rtl:ignore*/
59 margin-left: auto;
60 /* @noflip */
61 /*rtl:ignore*/
62 margin-right: 0;
63 /*rtl:end:ignore*/
64}
65
66[dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] {
67 /*rtl:begin:ignore*/
68 /* @noflip */
69 /*rtl:ignore*/
70 padding-left: 0;
71 /* @noflip */
72 /*rtl:ignore*/
73 padding-right: 4px;
74 /*rtl:end:ignore*/
75}
76
77.mdc-form-field--nowrap > label {
78 text-overflow: ellipsis;
79 overflow: hidden;
80 white-space: nowrap;
81}
82
83.mdc-form-field--align-end > label {
84 /* @noflip */
85 /*rtl:ignore*/
86 margin-left: auto;
87 /* @noflip */
88 /*rtl:ignore*/
89 margin-right: 0;
90 /* @noflip */
91 /*rtl:ignore*/
92 padding-left: 0;
93 /* @noflip */
94 /*rtl:ignore*/
95 padding-right: 4px;
96 order: -1;
97}
98[dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] {
99 /*rtl:begin:ignore*/
100 /* @noflip */
101 /*rtl:ignore*/
102 margin-left: 0;
103 /* @noflip */
104 /*rtl:ignore*/
105 margin-right: auto;
106 /*rtl:end:ignore*/
107}
108
109[dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] {
110 /*rtl:begin:ignore*/
111 /* @noflip */
112 /*rtl:ignore*/
113 padding-left: 4px;
114 /* @noflip */
115 /*rtl:ignore*/
116 padding-right: 0;
117 /*rtl:end:ignore*/
118}
119
120.mdc-form-field--space-between {
121 justify-content: space-between;
122}
123.mdc-form-field--space-between > label {
124 margin: 0;
125}
126[dir=rtl] .mdc-form-field--space-between > label, .mdc-form-field--space-between > label[dir=rtl] {
127 /*rtl:begin:ignore*/
128 margin: 0;
129 /*rtl:end:ignore*/
130}
131
132/*# sourceMappingURL=mdc.form-field.css.map*/
\No newline at end of file