matcha-theme 20.168.0 → 20.169.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
@mixin _field-height($line-height) {
|
|
2
2
|
.matcha-form-field {
|
|
3
|
+
|
|
3
4
|
input[type="text"],
|
|
4
5
|
input[type="email"],
|
|
5
6
|
input[type="tel"],
|
|
@@ -10,17 +11,18 @@
|
|
|
10
11
|
input[type="date"],
|
|
11
12
|
input[type="time"],
|
|
12
13
|
textarea {
|
|
13
|
-
min-height: px-to-rem(20px);
|
|
14
|
+
min-height: px-to-rem(20px);
|
|
15
|
+
/* Mantém a altura dos inputs de texto */
|
|
14
16
|
line-height: px-to-rem($line-height);
|
|
15
17
|
padding: 0;
|
|
16
18
|
}
|
|
17
19
|
}
|
|
18
20
|
}
|
|
19
21
|
|
|
20
|
-
@mixin generate-matcha-form-field-size-classes($helper-breakpoints){
|
|
22
|
+
@mixin generate-matcha-form-field-size-classes($helper-breakpoints) {
|
|
21
23
|
@each $breakpoint, $materialBreakpoint in $helper-breakpoints {
|
|
22
24
|
@include media-breakpoint($materialBreakpoint) {
|
|
23
|
-
$infix: if($materialBreakpoint ==
|
|
25
|
+
$infix: if($materialBreakpoint ==null, "", "-#{$breakpoint}");
|
|
24
26
|
|
|
25
27
|
&[size#{$infix}="tiny"] {
|
|
26
28
|
@include _field-height(24px)
|
|
@@ -60,6 +62,7 @@
|
|
|
60
62
|
|
|
61
63
|
|
|
62
64
|
.matcha-form-field {
|
|
65
|
+
|
|
63
66
|
input[type="text"],
|
|
64
67
|
input[type="email"],
|
|
65
68
|
input[type="tel"],
|
|
@@ -122,12 +125,14 @@
|
|
|
122
125
|
}
|
|
123
126
|
}
|
|
124
127
|
|
|
125
|
-
matcha-form-field{
|
|
128
|
+
matcha-form-field {
|
|
126
129
|
@include generate-matcha-form-field-size-classes($helper-breakpoints);
|
|
127
130
|
}
|
|
128
131
|
}
|
|
129
132
|
|
|
130
133
|
.matcha-form-field {
|
|
134
|
+
|
|
135
|
+
input,
|
|
131
136
|
input[type="text"],
|
|
132
137
|
input[type="email"],
|
|
133
138
|
input[type="tel"],
|
|
@@ -146,6 +151,7 @@
|
|
|
146
151
|
font-weight: 500;
|
|
147
152
|
}
|
|
148
153
|
|
|
154
|
+
input,
|
|
149
155
|
input[type="text"]:focus,
|
|
150
156
|
input[type="email"]:focus,
|
|
151
157
|
input[type="tel"]:focus,
|
|
@@ -158,4 +164,10 @@
|
|
|
158
164
|
textarea:focus {
|
|
159
165
|
outline: none;
|
|
160
166
|
}
|
|
161
|
-
|
|
167
|
+
|
|
168
|
+
.matcha-suffix {
|
|
169
|
+
display: flex;
|
|
170
|
+
flex-wrap: nowrap;
|
|
171
|
+
align-items: center;
|
|
172
|
+
}
|
|
173
|
+
}
|