@inntechcorp/it-design 2.0.77 → 2.0.79

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,241 +0,0 @@
1
- .defaultInput {
2
- height: 100%;
3
- }
4
-
5
- .floatingInput {
6
- font-size: 13px;
7
- color: rgba(0, 0, 0, 0.8509803922);
8
- caret-color: rgba(0, 0, 0, 0.8509803922);
9
- }
10
-
11
- /* --------------------------------- */
12
- .floatingInput::placeholder {
13
- color: rgba(0, 0, 0, 0);
14
- }
15
-
16
- .floatingInput:disabled:not(.floatingInput[data-locked=true]) {
17
- opacity: 0.5;
18
- }
19
-
20
- .floatingInput:disabled :not(.floatingInput[data-locked=true]) {
21
- opacity: 0.5;
22
- }
23
-
24
- .floatingLabel {
25
- display: block;
26
- position: relative;
27
- max-height: 0;
28
- font-weight: 500;
29
- pointer-events: none;
30
- font-size: 16px;
31
- }
32
-
33
- .floatingLabel::before {
34
- color: rgba(0, 0, 0, 0.6);
35
- content: attr(data-content);
36
- display: inline-block;
37
- filter: blur(0);
38
- backface-visibility: hidden;
39
- transform-origin: left top;
40
- transition: transform 0.2s ease-out;
41
- position: relative;
42
- }
43
-
44
- .floatingInput:placeholder-shown + .floatingLabel::before {
45
- transform: translate3d(0, -32px, 0) scale3d(0.8, 0.8, 1);
46
- font-smooth: always;
47
- -webkit-font-smoothing: antialiased;
48
- }
49
-
50
- .floatingLabel::before,
51
- .floatingInput:focus + .floatingLabel::before {
52
- transform: translate3d(0, -40px, 0) scale3d(0.8, 0.8, 1);
53
- }
54
-
55
- .floatingInput:focus + .floatingLabel::before {
56
- color: rgba(0, 0, 0, 0.6);
57
- }
58
-
59
- .floatingInputinput:-webkit-autofill, .floatingInputinput:-webkit-autofill:focus, .floatingInputinput:-webkit-autofill:hover {
60
- -webkit-text-fill-color: #3496fa !important;
61
- -webkit-box-shadow: 0 0 0 30px #151d3d inset !important;
62
- }
63
-
64
- .arrow {
65
- transition: all 0.25s ease-out;
66
- margin-left: auto;
67
- transform: rotate(0deg);
68
- width: 20px;
69
- height: 20px;
70
- fill: rgba(255, 255, 255, 0.6);
71
- }
72
-
73
- .arrowNormal {
74
- margin-left: auto;
75
- transform: rotate(-90deg);
76
- }
77
-
78
- .arrowOpen {
79
- transform: rotate(-180deg);
80
- fill: #ffffff;
81
- }
82
-
83
- .icon {
84
- margin-right: 8px;
85
- height: 22px;
86
- width: 22px;
87
- color: rgba(255, 255, 255, 0.6);
88
- font-size: 22px;
89
- display: flex;
90
- align-items: center;
91
- }
92
-
93
- .option {
94
- display: flex;
95
- align-items: center;
96
- cursor: pointer;
97
- min-width: max-content;
98
- padding: 10px 30px 10px 15px;
99
- }
100
- .option:not(:last-child) {
101
- margin-bottom: 1px;
102
- }
103
- .option:hover {
104
- background-color: rgba(29, 38, 73, 0.5019607843);
105
- }
106
-
107
- .selected .single, .selected .option span {
108
- color: #ffffff;
109
- }
110
-
111
- .single, .option span {
112
- color: rgba(255, 255, 255, 0.6666666667);
113
- font-weight: 400;
114
- font-size: 12px;
115
- line-height: 12px;
116
- white-space: nowrap;
117
- }
118
-
119
- .menu {
120
- background-color: #050A20;
121
- border-radius: 0 5px 5px 5px;
122
- overflow: hidden;
123
- position: absolute;
124
- z-index: 2;
125
- box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.25);
126
- transform-origin: 50% 1%;
127
- transform-box: fill-box;
128
- transition-timing-function: cubic-bezier(0.75, -0.5, 0, 1.25);
129
- }
130
- .menu ul {
131
- min-width: max-content;
132
- }
133
-
134
- .bodyWrapper {
135
- height: 300px;
136
- }
137
-
138
- .bodyWrapperLong {
139
- height: 300px;
140
- }
141
-
142
- .bottom {
143
- top: 100%;
144
- }
145
-
146
- .left {
147
- left: 0;
148
- }
149
-
150
- /* -------------------------------- */
151
- .menuEnter {
152
- opacity: 0;
153
- height: 50px;
154
- }
155
-
156
- .menuEnterActive {
157
- opacity: 1;
158
- height: 300px;
159
- transition: height 150ms ease-out;
160
- }
161
-
162
- .menuExit {
163
- opacity: 1;
164
- }
165
-
166
- .menuExitActive {
167
- opacity: 0;
168
- height: 300px;
169
- transition: height 150ms ease-out;
170
- }
171
-
172
- /* -------------------------------- */
173
- .menuEnterActiveLong {
174
- opacity: 1;
175
- height: 300px;
176
- transition: height 150ms ease-out;
177
- }
178
-
179
- .menuExitActiveLong {
180
- opacity: 0;
181
- height: 300px;
182
- transition: height 150ms ease-out;
183
- }
184
-
185
- .container {
186
- display: flex;
187
- align-items: center;
188
- cursor: pointer;
189
- user-select: none;
190
- }
191
-
192
- .label {
193
- display: flex;
194
- align-items: center;
195
- position: relative;
196
- }
197
- .label span {
198
- font-size: 12px;
199
- font-weight: 400;
200
- color: rgba(255, 255, 255, 0.6);
201
- line-height: 1.2;
202
- margin-left: 10px;
203
- }
204
-
205
- .checkmark {
206
- height: 20px;
207
- width: 20px;
208
- border-radius: 6px;
209
- background-color: #1D2649;
210
- transition: background-color 0.25sn ease-out;
211
- display: flex;
212
- justify-content: center;
213
- align-items: center;
214
- }
215
- .checkmark svg {
216
- fill: #ffffff;
217
- visibility: hidden;
218
- }
219
-
220
- .check {
221
- background-color: #3396FB;
222
- }
223
- .check svg {
224
- visibility: visible;
225
- animation: bounce 0.5s;
226
- }
227
-
228
- @keyframes bounce {
229
- 0% {
230
- transform: scale(0.2) rotate(4deg);
231
- }
232
- 50% {
233
- transform: scale(1.2) rotate(-2deg);
234
- }
235
- 75% {
236
- transform: scale(0.9) rotate(1deg);
237
- }
238
- 100% {
239
- transform: scale(1) rotate(0deg);
240
- }
241
- }