react-restyle-components 0.1.30 → 0.1.33
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.
package/README.md
CHANGED
|
@@ -36,4 +36,44 @@ https://github.com/appasaheb4/react-restyle-components/blob/master/tailwind.conf
|
|
|
36
36
|
|
|
37
37
|
https://appasaheb4.github.io/react-restyle-components
|
|
38
38
|
|
|
39
|
-
|
|
39
|
+
## Author
|
|
40
|
+
|
|
41
|
+
<table>
|
|
42
|
+
<tr>
|
|
43
|
+
<td>
|
|
44
|
+
<img src="https://github.com/appasaheb4.png?s=100" width="100">
|
|
45
|
+
</td>
|
|
46
|
+
<td>
|
|
47
|
+
Appasaheb Lakade<br />
|
|
48
|
+
<a href="mailto:onlyappasaheb4@gmail.com">onlyappasaheb4@gmail.com</a><br />
|
|
49
|
+
<a href="https://youtube.com/tech-abl">https://youtube.com/tech-abl</a>
|
|
50
|
+
</td>
|
|
51
|
+
</tr>
|
|
52
|
+
</table>
|
|
53
|
+
|
|
54
|
+
## Contributes / Support
|
|
55
|
+
|
|
56
|
+
1. Subscribe channel 😊 : https://www.youtube.com/tech-abl
|
|
57
|
+
|
|
58
|
+
2. Submit your pr for idea / issue / feature
|
|
59
|
+
### How To Contribute
|
|
60
|
+
- Fork and clone this repository
|
|
61
|
+
- Make some changes as required
|
|
62
|
+
- Write unit test to showcase its functionality
|
|
63
|
+
- Run the test suites to make sure it's not breaking anything `$ npm test`
|
|
64
|
+
- Submit a pull request under `dev` branch
|
|
65
|
+
|
|
66
|
+
## Donate
|
|
67
|
+
|
|
68
|
+
<table>
|
|
69
|
+
<tr>
|
|
70
|
+
<td>
|
|
71
|
+
<img src="https://github.com/appasaheb4/react-native-verify-otp/blob/master/assets/upiQrCode.jpeg" width="100">
|
|
72
|
+
</td>
|
|
73
|
+
<td>
|
|
74
|
+
<a href="https://www.paypal.com/paypalme/AppasahebLakade/">or Paypal</a><br />
|
|
75
|
+
</td>
|
|
76
|
+
</tr>
|
|
77
|
+
</table>
|
|
78
|
+
|
|
79
|
+
😊 ALWAYS WELCOME 😊
|
package/package.json
CHANGED
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
.-z-1 {
|
|
2
|
-
z-index: -1;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.origin-0 {
|
|
6
|
-
transform-origin: 0%;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
input:focus ~ label,
|
|
10
|
-
input:not(:placeholder-shown) ~ label,
|
|
11
|
-
textarea:focus ~ label,
|
|
12
|
-
textarea:not(:placeholder-shown) ~ label,
|
|
13
|
-
select:focus ~ label,
|
|
14
|
-
select:not([value=""]):valid ~ label {
|
|
15
|
-
/* @apply transform; scale-75; -translate-y-6; */
|
|
16
|
-
--tw-translate-x: 0;
|
|
17
|
-
--tw-translate-y: 0;
|
|
18
|
-
--tw-rotate: 0;
|
|
19
|
-
--tw-skew-x: 0;
|
|
20
|
-
--tw-skew-y: 0;
|
|
21
|
-
transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))
|
|
22
|
-
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
|
|
23
|
-
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
24
|
-
--tw-scale-x: 0.75;
|
|
25
|
-
--tw-scale-y: 0.75;
|
|
26
|
-
--tw-translate-y: -1.5rem;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
input:focus ~ label,
|
|
30
|
-
select:focus ~ label {
|
|
31
|
-
/* @apply text-black; left-0; */
|
|
32
|
-
--tw-text-opacity: 1;
|
|
33
|
-
color: "#696969";
|
|
34
|
-
left: 0px;
|
|
35
|
-
}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
.-z-1 {
|
|
2
|
-
z-index: -1;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.origin-0 {
|
|
6
|
-
transform-origin: 0%;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
input:focus ~ label,
|
|
10
|
-
input:not(:placeholder-shown) ~ label,
|
|
11
|
-
textarea:focus ~ label,
|
|
12
|
-
textarea:not(:placeholder-shown) ~ label,
|
|
13
|
-
select:focus ~ label,
|
|
14
|
-
select:not([value=""]):valid ~ label {
|
|
15
|
-
/* @apply transform; scale-75; -translate-y-6; */
|
|
16
|
-
--tw-translate-x: 0;
|
|
17
|
-
--tw-translate-y: 0;
|
|
18
|
-
--tw-rotate: 0;
|
|
19
|
-
--tw-skew-x: 0;
|
|
20
|
-
--tw-skew-y: 0;
|
|
21
|
-
transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))
|
|
22
|
-
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
|
|
23
|
-
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
24
|
-
--tw-scale-x: 0.75;
|
|
25
|
-
--tw-scale-y: 0.75;
|
|
26
|
-
--tw-translate-y: -1.5rem;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
input:focus ~ label,
|
|
30
|
-
select:focus ~ label {
|
|
31
|
-
/* @apply text-black; left-0; */
|
|
32
|
-
--tw-text-opacity: 1;
|
|
33
|
-
color: "#696969";
|
|
34
|
-
left: 0px;
|
|
35
|
-
}
|