ros.grant.common 2.0.1633 → 2.0.1635
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.
|
@@ -326,6 +326,18 @@
|
|
|
326
326
|
margin: 0;
|
|
327
327
|
}
|
|
328
328
|
|
|
329
|
+
.custom-input-wrapper.with-icon {
|
|
330
|
+
.mrx-input-text-icon {
|
|
331
|
+
position: absolute;
|
|
332
|
+
top: calc(var(--spacing-3) - 1px);
|
|
333
|
+
left: calc(var(--spacing-3) - 1px);
|
|
334
|
+
}
|
|
335
|
+
|
|
336
|
+
input {
|
|
337
|
+
padding: calc(var(--spacing-3) + var(--spacing-helf) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-3) + var(--spacing-helf) - var(--border-width-default)) calc(var(--spacing-module) * 10);
|
|
338
|
+
}
|
|
339
|
+
}
|
|
340
|
+
|
|
329
341
|
&-bik {
|
|
330
342
|
padding-bottom: 0;
|
|
331
343
|
padding-left: 0 !important;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
.mrx-input-text.mrx-input-text.mrx-input-text-with-icon {
|
|
2
|
+
&.mrx-input-text-lg {
|
|
3
|
+
.mrx-input-text-icon {
|
|
4
|
+
position: absolute;
|
|
5
|
+
top: calc(var(--spacing-3) - 1px);
|
|
6
|
+
left: calc(var(--spacing-3) - 1px);
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
&.mrx-input-text-md {
|
|
11
|
+
.mrx-input-text-icon {
|
|
12
|
+
position: absolute;
|
|
13
|
+
top: calc(var(--spacing-2) - 1px);
|
|
14
|
+
left: calc(var(--spacing-2) - 1px);
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
&.mrx-input-text-sm {
|
|
19
|
+
.mrx-input-text-icon {
|
|
20
|
+
position: absolute;
|
|
21
|
+
top: calc(var(--spacing-2) - 1px);
|
|
22
|
+
left: calc(var(--spacing-2) - 1px);
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
@@ -1,31 +1,61 @@
|
|
|
1
1
|
.mrx-input-text.mrx-input-text {
|
|
2
2
|
&.mrx-input-text-lg {
|
|
3
3
|
input {
|
|
4
|
-
padding: calc(var(--spacing-3) + var(--spacing-helf) - var(--border-width-default)) var(--spacing-4);
|
|
5
4
|
font-family: var(--body-md-font-family);
|
|
6
5
|
font-size: var(--body-md-font-size);
|
|
7
6
|
font-weight: var(--body-md-font-weight);
|
|
8
7
|
line-height: var(--body-md-line-height);
|
|
9
8
|
}
|
|
9
|
+
|
|
10
|
+
&:not(.mrx-input-text-with-icon) {
|
|
11
|
+
input {
|
|
12
|
+
padding: calc(var(--spacing-3) + var(--spacing-helf) - var(--border-width-default)) var(--spacing-4);
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
&.mrx-input-text-with-icon {
|
|
16
|
+
input {
|
|
17
|
+
padding: calc(var(--spacing-3) + var(--spacing-helf) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-3) + var(--spacing-helf) - var(--border-width-default)) calc(var(--spacing-module) * 10);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
10
20
|
}
|
|
11
21
|
|
|
12
22
|
&.mrx-input-text-md {
|
|
13
23
|
input {
|
|
14
|
-
padding: calc(var(--spacing-2) + var(--spacing-helf) - var(--border-width-default)) var(--spacing-4);
|
|
15
24
|
font-family: var(--body-md-font-family);
|
|
16
25
|
font-size: var(--body-md-font-size);
|
|
17
26
|
font-weight: var(--body-md-font-weight);
|
|
18
27
|
line-height: var(--body-md-line-height);
|
|
19
28
|
}
|
|
29
|
+
|
|
30
|
+
&:not(.mrx-input-text-with-icon) {
|
|
31
|
+
input {
|
|
32
|
+
padding: calc(var(--spacing-2) + var(--spacing-helf) - var(--border-width-default)) var(--spacing-4);
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
&.mrx-input-text-with-icon {
|
|
36
|
+
input {
|
|
37
|
+
padding: calc(var(--spacing-2) + var(--spacing-helf) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-2) + var(--spacing-helf) - var(--border-width-default)) calc(var(--spacing-module) * 10);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
20
40
|
}
|
|
21
41
|
|
|
22
42
|
&.mrx-input-text-sm {
|
|
23
43
|
input {
|
|
24
|
-
padding: calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-4);
|
|
25
44
|
font-family: var(--body-sm-font-family);
|
|
26
45
|
font-size: var(--body-sm-font-size);
|
|
27
46
|
font-weight: var(--body-sm-font-weight);
|
|
28
47
|
line-height: var(--body-sm-line-height);
|
|
29
48
|
}
|
|
49
|
+
|
|
50
|
+
&:not(.mrx-input-text-with-icon) {
|
|
51
|
+
input {
|
|
52
|
+
padding: calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-4);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
&.mrx-input-text-with-icon {
|
|
56
|
+
input {
|
|
57
|
+
padding: calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-8);
|
|
58
|
+
}
|
|
59
|
+
}
|
|
30
60
|
}
|
|
31
61
|
}
|
package/package.json
CHANGED