source: trip-planner-front/node_modules/angular-material/modules/closure/chips/chips.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: 6.4 KB
Line 
1/*!
2 * AngularJS Material Design
3 * https://github.com/angular/material
4 * @license MIT
5 * v1.2.3
6 */
7.md-contact-chips .md-chips md-chip {
8 padding: 0 25px 0 0; }
9 [dir=rtl] .md-contact-chips .md-chips md-chip {
10 padding: 0 0 0 25px; }
11 .md-contact-chips .md-chips md-chip .md-contact-avatar {
12 float: left; }
13 [dir=rtl] .md-contact-chips .md-chips md-chip .md-contact-avatar {
14 float: right; }
15 .md-contact-chips .md-chips md-chip .md-contact-avatar img {
16 height: 32px;
17 border-radius: 16px; }
18 .md-contact-chips .md-chips md-chip .md-contact-name {
19 display: inline-block;
20 height: 32px;
21 margin-left: 8px; }
22 [dir=rtl] .md-contact-chips .md-chips md-chip .md-contact-name {
23 margin-left: auto;
24 margin-right: 8px; }
25
26.md-contact-suggestion {
27 height: 56px; }
28 .md-contact-suggestion img {
29 height: 40px;
30 border-radius: 20px;
31 margin-top: 8px; }
32 .md-contact-suggestion .md-contact-name {
33 margin-left: 8px;
34 width: 120px; }
35 [dir=rtl] .md-contact-suggestion .md-contact-name {
36 margin-left: auto;
37 margin-right: 8px; }
38 .md-contact-suggestion .md-contact-name, .md-contact-suggestion .md-contact-email {
39 display: inline-block;
40 overflow: hidden;
41 text-overflow: ellipsis; }
42
43.md-contact-chips-suggestions li {
44 height: 100%; }
45
46md-chips {
47 display: flex; }
48
49.md-chips {
50 display: flex;
51 flex-wrap: wrap;
52 flex-grow: 1;
53 font-family: Roboto, "Helvetica Neue", sans-serif;
54 font-size: 13px;
55 padding: 0 0 8px 3px;
56 vertical-align: middle; }
57 .md-chips:after {
58 content: '';
59 display: table;
60 clear: both; }
61 [dir=rtl] .md-chips {
62 padding: 0 3px 8px 0; }
63 .md-chips.md-readonly .md-chip-input-container {
64 min-height: 32px; }
65 .md-chips:not(.md-readonly) {
66 cursor: text; }
67 .md-chips.md-removable md-chip {
68 padding-right: 28px; }
69 [dir=rtl] .md-chips.md-removable md-chip {
70 padding-right: 0;
71 padding-left: 28px; }
72 .md-chips.md-removable md-chip .md-chip-content {
73 padding-right: 4px; }
74 [dir=rtl] .md-chips.md-removable md-chip .md-chip-content {
75 padding-right: 0;
76 padding-left: 4px; }
77 .md-chips md-chip {
78 cursor: default;
79 border-radius: 16px;
80 display: block;
81 height: 32px;
82 line-height: 32px;
83 margin: 8px 8px 0 0;
84 padding: 0 12px 0 12px;
85 float: left;
86 box-sizing: border-box;
87 max-width: 100%;
88 position: relative; }
89 [dir=rtl] .md-chips md-chip {
90 margin: 8px 0 0 8px; }
91 [dir=rtl] .md-chips md-chip {
92 float: right; }
93 .md-chips md-chip .md-chip-content {
94 display: block;
95 float: left;
96 white-space: nowrap;
97 max-width: 100%;
98 overflow: hidden;
99 text-overflow: ellipsis; }
100 [dir=rtl] .md-chips md-chip .md-chip-content {
101 float: right; }
102 .md-chips md-chip .md-chip-content:focus {
103 outline: none; }
104 .md-chips md-chip._md-chip-content-edit-is-enabled {
105 -webkit-user-select: none;
106 /* webkit (safari, chrome) browsers */
107 -moz-user-select: none;
108 /* mozilla browsers */
109 -khtml-user-select: none;
110 /* webkit (konqueror) browsers */
111 -ms-user-select: none;
112 /* IE10+ */ }
113 .md-chips md-chip .md-chip-remove-container {
114 position: absolute;
115 right: 0;
116 line-height: 22px; }
117 [dir=rtl] .md-chips md-chip .md-chip-remove-container {
118 right: auto;
119 left: 0; }
120 .md-chips md-chip .md-chip-remove {
121 text-align: center;
122 width: 32px;
123 height: 32px;
124 min-width: 0;
125 padding: 0;
126 background: transparent;
127 border: none;
128 box-shadow: none;
129 margin: 0;
130 position: relative; }
131 .md-chips md-chip .md-chip-remove md-icon {
132 height: 18px;
133 width: 18px;
134 min-height: 18px;
135 min-width: 18px;
136 position: absolute;
137 top: 50%;
138 left: 50%;
139 transform: translate3d(-50%, -50%, 0); }
140 .md-chips .md-chip-input-container {
141 display: block;
142 line-height: 32px;
143 margin: 8px 8px 0 0;
144 padding: 0;
145 flex-grow: 1;
146 float: left; }
147 [dir=rtl] .md-chips .md-chip-input-container {
148 margin: 8px 0 0 8px; }
149 [dir=rtl] .md-chips .md-chip-input-container {
150 float: right; }
151 .md-chips .md-chip-input-container input {
152 width: 100%; }
153 .md-chips .md-chip-input-container input:not([type]), .md-chips .md-chip-input-container input[type="email"], .md-chips .md-chip-input-container input[type="number"], .md-chips .md-chip-input-container input[type="tel"], .md-chips .md-chip-input-container input[type="url"], .md-chips .md-chip-input-container input[type="text"] {
154 border: 0;
155 height: 32px;
156 line-height: 32px;
157 padding: 0; }
158 .md-chips .md-chip-input-container input:not([type]):focus, .md-chips .md-chip-input-container input[type="email"]:focus, .md-chips .md-chip-input-container input[type="number"]:focus, .md-chips .md-chip-input-container input[type="tel"]:focus, .md-chips .md-chip-input-container input[type="url"]:focus, .md-chips .md-chip-input-container input[type="text"]:focus {
159 outline: none; }
160 .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
161 background: transparent;
162 height: 32px; }
163 .md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap {
164 box-shadow: none; }
165 .md-chips .md-chip-input-container md-autocomplete input {
166 position: relative; }
167 .md-chips .md-chip-input-container input {
168 border: 0;
169 height: 32px;
170 line-height: 32px;
171 padding: 0; }
172 .md-chips .md-chip-input-container input:focus {
173 outline: none; }
174 .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
175 height: 32px; }
176 .md-chips .md-chip-input-container md-autocomplete {
177 box-shadow: none; }
178 .md-chips .md-chip-input-container md-autocomplete input {
179 position: relative; }
180 .md-chips .md-chip-input-container:not(:first-child) {
181 margin: 8px 8px 0 0; }
182 [dir=rtl] .md-chips .md-chip-input-container:not(:first-child) {
183 margin: 8px 0 0 8px; }
184 .md-chips .md-chip-input-container input {
185 background: transparent;
186 border-width: 0; }
187 .md-chips md-autocomplete button {
188 display: none; }
189
190@media screen and (-ms-high-contrast: active) {
191 .md-chip-input-container,
192 md-chip {
193 border: 1px solid #fff; }
194 .md-chip-input-container md-autocomplete {
195 border: none; } }
Note: See TracBrowser for help on using the repository browser.