@sydsoft/base 1.47.0 → 1.48.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.
Files changed (43) hide show
  1. package/README.md +8 -1
  2. package/dist/esm/_lib/baseFunctions.js +25 -38
  3. package/dist/esm/_lib/inputMask.js +66 -69
  4. package/dist/esm/_lib/listFunctions.js +12 -13
  5. package/dist/esm/_lib/storage/cookies.js +20 -21
  6. package/dist/esm/_lib/storage/encData.js +18 -20
  7. package/dist/esm/_lib/storage/localStorage.js +10 -10
  8. package/dist/esm/_lib/storage/sessionStorage.js +10 -10
  9. package/dist/esm/_lib/useInterval.js +5 -5
  10. package/dist/esm/alert/index.js +28 -30
  11. package/dist/esm/box/Box.js +6 -7
  12. package/dist/esm/box/BoxContent.js +2 -4
  13. package/dist/esm/box/BoxFooter.js +6 -4
  14. package/dist/esm/box/BoxHeader.js +6 -5
  15. package/dist/esm/countDown/index.js +28 -33
  16. package/dist/esm/dateTime/index.js +25 -31
  17. package/dist/esm/form/Button.js +28 -22
  18. package/dist/esm/form/Checkbox.js +7 -8
  19. package/dist/esm/form/Dialog.js +47 -34
  20. package/dist/esm/form/Form.js +3 -5
  21. package/dist/esm/form/FormOlustur.js +15 -17
  22. package/dist/esm/form/Input.js +57 -56
  23. package/dist/esm/form/Label.js +2 -4
  24. package/dist/esm/form/SearchableInput.js +77 -89
  25. package/dist/esm/form/UploadBase.js +30 -32
  26. package/dist/esm/grid/index.js +40 -41
  27. package/dist/esm/icon/icons.js +1 -1
  28. package/dist/esm/icon/index.js +16 -8
  29. package/dist/esm/menu/index.js +14 -16
  30. package/dist/esm/modal/index.js +14 -16
  31. package/dist/esm/popover/index.js +100 -100
  32. package/dist/esm/tooltip/index.js +117 -34
  33. package/package.json +12 -6
  34. package/dist/esm/alert/index.module.css +0 -119
  35. package/dist/esm/grid/index.module.css +0 -805
  36. package/dist/esm/menu/index.module.css +0 -92
  37. package/dist/esm/modal/index.module.css +0 -77
  38. /package/dist/esm/{box/Box.module.css → Box.module.css} +0 -0
  39. /package/dist/esm/{popover/index.module.css → index.module.css} +0 -0
  40. /package/dist/esm/{form/styles → styles}/Button.module.css +0 -0
  41. /package/dist/esm/{form/styles → styles}/Input.module.css +0 -0
  42. /package/dist/esm/{form/styles → styles}/Label.module.css +0 -0
  43. /package/dist/esm/{form/styles → styles}/SearchableInput.module.css +0 -0
package/dist/esm/grid/index.module.css DELETED
@@ -1,805 +0,0 @@
1
- /* Grid System - Pure CSS Implementation with TRUE Cascading Logic */
2
-
3
- /* Base Row Styles */
4
- .row {
5
- display: flex;
6
- box-sizing: border-box;
7
- flex-direction: row;
8
- flex-wrap: wrap;
9
- justify-content: flex-start;
10
- align-content: center;
11
- align-items: center;
12
- }
13
-
14
- /* Base Column Styles */
15
- .col {
16
- position: relative;
17
- width: auto;
18
- box-sizing: border-box;
19
- flex-grow: 0;
20
- flex-shrink: 0;
21
- flex-basis: 100%;
22
- max-width: 100%;
23
- }
24
-
25
- /* Auto Column */
26
- .col-auto {
27
- flex: 0 0 auto;
28
- width: auto;
29
- max-width: none;
30
- }
31
-
32
- /* Full Column */
33
- .col-full {
34
- flex-basis: 0px;
35
- flex-grow: 1;
36
- max-width: 100%;
37
- }
38
-
39
- /* XS Base Classes - Tüm ekranlarda aktif (min-width: 0) */
40
- .col-xs-auto {
41
- flex: 0 0 auto !important;
42
- width: auto !important;
43
- max-width: none !important;
44
- }
45
- .col-xs-full {
46
- flex-basis: 0px !important;
47
- flex-grow: 1 !important;
48
- max-width: 100% !important;
49
- }
50
- .col-xs-1 {
51
- flex-basis: 8.333333% !important;
52
- flex-grow: 0 !important;
53
- max-width: 8.333333% !important;
54
- }
55
- .col-xs-2 {
56
- flex-basis: 16.666667% !important;
57
- flex-grow: 0 !important;
58
- max-width: 16.666667% !important;
59
- }
60
- .col-xs-3 {
61
- flex-basis: 25% !important;
62
- flex-grow: 0 !important;
63
- max-width: 25% !important;
64
- }
65
- .col-xs-4 {
66
- flex-basis: 33.333333% !important;
67
- flex-grow: 0 !important;
68
- max-width: 33.333333% !important;
69
- }
70
- .col-xs-5 {
71
- flex-basis: 41.666667% !important;
72
- flex-grow: 0 !important;
73
- max-width: 41.666667% !important;
74
- }
75
- .col-xs-6 {
76
- flex-basis: 50% !important;
77
- flex-grow: 0 !important;
78
- max-width: 50% !important;
79
- }
80
- .col-xs-7 {
81
- flex-basis: 58.333333% !important;
82
- flex-grow: 0 !important;
83
- max-width: 58.333333% !important;
84
- }
85
- .col-xs-8 {
86
- flex-basis: 66.666667% !important;
87
- flex-grow: 0 !important;
88
- max-width: 66.666667% !important;
89
- }
90
- .col-xs-9 {
91
- flex-basis: 75% !important;
92
- flex-grow: 0 !important;
93
- max-width: 75% !important;
94
- }
95
- .col-xs-10 {
96
- flex-basis: 83.333333% !important;
97
- flex-grow: 0 !important;
98
- max-width: 83.333333% !important;
99
- }
100
- .col-xs-11 {
101
- flex-basis: 91.666667% !important;
102
- flex-grow: 0 !important;
103
- max-width: 91.666667% !important;
104
- }
105
- .col-xs-12 {
106
- flex-basis: 100% !important;
107
- flex-grow: 0 !important;
108
- max-width: 100% !important;
109
- }
110
-
111
- /* SM Breakpoint - ≥577px - Bu sınıflar SM ve yukarısında aktif */
112
- @media only screen and (min-width: 577px) {
113
- .col-sm-auto {
114
- flex: 0 0 auto !important;
115
- width: auto !important;
116
- max-width: none !important;
117
- }
118
- .col-sm-full {
119
- flex-basis: 0px !important;
120
- flex-grow: 1 !important;
121
- max-width: 100% !important;
122
- }
123
- .col-sm-1 {
124
- flex-basis: 8.333333% !important;
125
- flex-grow: 0 !important;
126
- max-width: 8.333333% !important;
127
- }
128
- .col-sm-2 {
129
- flex-basis: 16.666667% !important;
130
- flex-grow: 0 !important;
131
- max-width: 16.666667% !important;
132
- }
133
- .col-sm-3 {
134
- flex-basis: 25% !important;
135
- flex-grow: 0 !important;
136
- max-width: 25% !important;
137
- }
138
- .col-sm-4 {
139
- flex-basis: 33.333333% !important;
140
- flex-grow: 0 !important;
141
- max-width: 33.333333% !important;
142
- }
143
- .col-sm-5 {
144
- flex-basis: 41.666667% !important;
145
- flex-grow: 0 !important;
146
- max-width: 41.666667% !important;
147
- }
148
- .col-sm-6 {
149
- flex-basis: 50% !important;
150
- flex-grow: 0 !important;
151
- max-width: 50% !important;
152
- }
153
- .col-sm-7 {
154
- flex-basis: 58.333333% !important;
155
- flex-grow: 0 !important;
156
- max-width: 58.333333% !important;
157
- }
158
- .col-sm-8 {
159
- flex-basis: 66.666667% !important;
160
- flex-grow: 0 !important;
161
- max-width: 66.666667% !important;
162
- }
163
- .col-sm-9 {
164
- flex-basis: 75% !important;
165
- flex-grow: 0 !important;
166
- max-width: 75% !important;
167
- }
168
- .col-sm-10 {
169
- flex-basis: 83.333333% !important;
170
- flex-grow: 0 !important;
171
- max-width: 83.333333% !important;
172
- }
173
- .col-sm-11 {
174
- flex-basis: 91.666667% !important;
175
- flex-grow: 0 !important;
176
- max-width: 91.666667% !important;
177
- }
178
- .col-sm-12 {
179
- flex-basis: 100% !important;
180
- flex-grow: 0 !important;
181
- max-width: 100% !important;
182
- }
183
- }
184
-
185
- /* MD Breakpoint - ≥769px - Bu sınıflar MD ve yukarısında aktif */
186
- @media only screen and (min-width: 769px) {
187
- .col-md-auto {
188
- flex: 0 0 auto !important;
189
- width: auto !important;
190
- max-width: none !important;
191
- }
192
- .col-md-full {
193
- flex-basis: 0px !important;
194
- flex-grow: 1 !important;
195
- max-width: 100% !important;
196
- }
197
- .col-md-1 {
198
- flex-basis: 8.333333% !important;
199
- flex-grow: 0 !important;
200
- max-width: 8.333333% !important;
201
- }
202
- .col-md-2 {
203
- flex-basis: 16.666667% !important;
204
- flex-grow: 0 !important;
205
- max-width: 16.666667% !important;
206
- }
207
- .col-md-3 {
208
- flex-basis: 25% !important;
209
- flex-grow: 0 !important;
210
- max-width: 25% !important;
211
- }
212
- .col-md-4 {
213
- flex-basis: 33.333333% !important;
214
- flex-grow: 0 !important;
215
- max-width: 33.333333% !important;
216
- }
217
- .col-md-5 {
218
- flex-basis: 41.666667% !important;
219
- flex-grow: 0 !important;
220
- max-width: 41.666667% !important;
221
- }
222
- .col-md-6 {
223
- flex-basis: 50% !important;
224
- flex-grow: 0 !important;
225
- max-width: 50% !important;
226
- }
227
- .col-md-7 {
228
- flex-basis: 58.333333% !important;
229
- flex-grow: 0 !important;
230
- max-width: 58.333333% !important;
231
- }
232
- .col-md-8 {
233
- flex-basis: 66.666667% !important;
234
- flex-grow: 0 !important;
235
- max-width: 66.666667% !important;
236
- }
237
- .col-md-9 {
238
- flex-basis: 75% !important;
239
- flex-grow: 0 !important;
240
- max-width: 75% !important;
241
- }
242
- .col-md-10 {
243
- flex-basis: 83.333333% !important;
244
- flex-grow: 0 !important;
245
- max-width: 83.333333% !important;
246
- }
247
- .col-md-11 {
248
- flex-basis: 91.666667% !important;
249
- flex-grow: 0 !important;
250
- max-width: 91.666667% !important;
251
- }
252
- .col-md-12 {
253
- flex-basis: 100% !important;
254
- flex-grow: 0 !important;
255
- max-width: 100% !important;
256
- }
257
- }
258
-
259
- /* LG Breakpoint - ≥993px - Bu sınıflar LG ve yukarısında aktif */
260
- @media only screen and (min-width: 993px) {
261
- .col-lg-auto {
262
- flex: 0 0 auto !important;
263
- width: auto !important;
264
- max-width: none !important;
265
- }
266
- .col-lg-full {
267
- flex-basis: 0px !important;
268
- flex-grow: 1 !important;
269
- max-width: 100% !important;
270
- }
271
- .col-lg-1 {
272
- flex-basis: 8.333333% !important;
273
- flex-grow: 0 !important;
274
- max-width: 8.333333% !important;
275
- }
276
- .col-lg-2 {
277
- flex-basis: 16.666667% !important;
278
- flex-grow: 0 !important;
279
- max-width: 16.666667% !important;
280
- }
281
- .col-lg-3 {
282
- flex-basis: 25% !important;
283
- flex-grow: 0 !important;
284
- max-width: 25% !important;
285
- }
286
- .col-lg-4 {
287
- flex-basis: 33.333333% !important;
288
- flex-grow: 0 !important;
289
- max-width: 33.333333% !important;
290
- }
291
- .col-lg-5 {
292
- flex-basis: 41.666667% !important;
293
- flex-grow: 0 !important;
294
- max-width: 41.666667% !important;
295
- }
296
- .col-lg-6 {
297
- flex-basis: 50% !important;
298
- flex-grow: 0 !important;
299
- max-width: 50% !important;
300
- }
301
- .col-lg-7 {
302
- flex-basis: 58.333333% !important;
303
- flex-grow: 0 !important;
304
- max-width: 58.333333% !important;
305
- }
306
- .col-lg-8 {
307
- flex-basis: 66.666667% !important;
308
- flex-grow: 0 !important;
309
- max-width: 66.666667% !important;
310
- }
311
- .col-lg-9 {
312
- flex-basis: 75% !important;
313
- flex-grow: 0 !important;
314
- max-width: 75% !important;
315
- }
316
- .col-lg-10 {
317
- flex-basis: 83.333333% !important;
318
- flex-grow: 0 !important;
319
- max-width: 83.333333% !important;
320
- }
321
- .col-lg-11 {
322
- flex-basis: 91.666667% !important;
323
- flex-grow: 0 !important;
324
- max-width: 91.666667% !important;
325
- }
326
- .col-lg-12 {
327
- flex-basis: 100% !important;
328
- flex-grow: 0 !important;
329
- max-width: 100% !important;
330
- }
331
- }
332
-
333
- /* XL Breakpoint - ≥1201px - Bu sınıflar XL ve yukarısında aktif */
334
- @media only screen and (min-width: 1201px) {
335
- .col-xl-auto {
336
- flex: 0 0 auto !important;
337
- width: auto !important;
338
- max-width: none !important;
339
- }
340
- .col-xl-full {
341
- flex-basis: 0px !important;
342
- flex-grow: 1 !important;
343
- max-width: 100% !important;
344
- }
345
- .col-xl-1 {
346
- flex-basis: 8.333333% !important;
347
- flex-grow: 0 !important;
348
- max-width: 8.333333% !important;
349
- }
350
- .col-xl-2 {
351
- flex-basis: 16.666667% !important;
352
- flex-grow: 0 !important;
353
- max-width: 16.666667% !important;
354
- }
355
- .col-xl-3 {
356
- flex-basis: 25% !important;
357
- flex-grow: 0 !important;
358
- max-width: 25% !important;
359
- }
360
- .col-xl-4 {
361
- flex-basis: 33.333333% !important;
362
- flex-grow: 0 !important;
363
- max-width: 33.333333% !important;
364
- }
365
- .col-xl-5 {
366
- flex-basis: 41.666667% !important;
367
- flex-grow: 0 !important;
368
- max-width: 41.666667% !important;
369
- }
370
- .col-xl-6 {
371
- flex-basis: 50% !important;
372
- flex-grow: 0 !important;
373
- max-width: 50% !important;
374
- }
375
- .col-xl-7 {
376
- flex-basis: 58.333333% !important;
377
- flex-grow: 0 !important;
378
- max-width: 58.333333% !important;
379
- }
380
- .col-xl-8 {
381
- flex-basis: 66.666667% !important;
382
- flex-grow: 0 !important;
383
- max-width: 66.666667% !important;
384
- }
385
- .col-xl-9 {
386
- flex-basis: 75% !important;
387
- flex-grow: 0 !important;
388
- max-width: 75% !important;
389
- }
390
- .col-xl-10 {
391
- flex-basis: 83.333333% !important;
392
- flex-grow: 0 !important;
393
- max-width: 83.333333% !important;
394
- }
395
- .col-xl-11 {
396
- flex-basis: 91.666667% !important;
397
- flex-grow: 0 !important;
398
- max-width: 91.666667% !important;
399
- }
400
- .col-xl-12 {
401
- flex-basis: 100% !important;
402
- flex-grow: 0 !important;
403
- max-width: 100% !important;
404
- }
405
- }
406
-
407
- /* XXL Breakpoint - ≥1401px - Bu sınıflar XXL'de aktif */
408
- @media only screen and (min-width: 1401px) {
409
- .col-xxl-auto {
410
- flex: 0 0 auto !important;
411
- width: auto !important;
412
- max-width: none !important;
413
- }
414
- .col-xxl-full {
415
- flex-basis: 0px !important;
416
- flex-grow: 1 !important;
417
- max-width: 100% !important;
418
- }
419
- .col-xxl-1 {
420
- flex-basis: 8.333333% !important;
421
- flex-grow: 0 !important;
422
- max-width: 8.333333% !important;
423
- }
424
- .col-xxl-2 {
425
- flex-basis: 16.666667% !important;
426
- flex-grow: 0 !important;
427
- max-width: 16.666667% !important;
428
- }
429
- .col-xxl-3 {
430
- flex-basis: 25% !important;
431
- flex-grow: 0 !important;
432
- max-width: 25% !important;
433
- }
434
- .col-xxl-4 {
435
- flex-basis: 33.333333% !important;
436
- flex-grow: 0 !important;
437
- max-width: 33.333333% !important;
438
- }
439
- .col-xxl-5 {
440
- flex-basis: 41.666667% !important;
441
- flex-grow: 0 !important;
442
- max-width: 41.666667% !important;
443
- }
444
- .col-xxl-6 {
445
- flex-basis: 50% !important;
446
- flex-grow: 0 !important;
447
- max-width: 50% !important;
448
- }
449
- .col-xxl-7 {
450
- flex-basis: 58.333333% !important;
451
- flex-grow: 0 !important;
452
- max-width: 58.333333% !important;
453
- }
454
- .col-xxl-8 {
455
- flex-basis: 66.666667% !important;
456
- flex-grow: 0 !important;
457
- max-width: 66.666667% !important;
458
- }
459
- .col-xxl-9 {
460
- flex-basis: 75% !important;
461
- flex-grow: 0 !important;
462
- max-width: 75% !important;
463
- }
464
- .col-xxl-10 {
465
- flex-basis: 83.333333% !important;
466
- flex-grow: 0 !important;
467
- max-width: 83.333333% !important;
468
- }
469
- .col-xxl-11 {
470
- flex-basis: 91.666667% !important;
471
- flex-grow: 0 !important;
472
- max-width: 91.666667% !important;
473
- }
474
- .col-xxl-12 {
475
- flex-basis: 100% !important;
476
- flex-grow: 0 !important;
477
- max-width: 100% !important;
478
- }
479
- }
480
-
481
- /* Row Spacing Classes */
482
- .row-spacing-0 {
483
- margin-top: 0px;
484
- margin-bottom: 0px;
485
- }
486
- .row-spacing-0 .col {
487
- padding-top: 0px;
488
- }
489
-
490
- .row-spacing-1 {
491
- margin-top: -8px;
492
- margin-bottom: 8px;
493
- }
494
- .row-spacing-1 .col {
495
- padding-top: 8px;
496
- }
497
-
498
- .row-spacing-2 {
499
- margin-top: -16px;
500
- margin-bottom: 16px;
501
- }
502
- .row-spacing-2 .col {
503
- padding-top: 16px;
504
- }
505
-
506
- .row-spacing-3 {
507
- margin-top: -24px;
508
- margin-bottom: 24px;
509
- }
510
- .row-spacing-3 .col {
511
- padding-top: 24px;
512
- }
513
-
514
- .row-spacing-4 {
515
- margin-top: -32px;
516
- margin-bottom: 32px;
517
- }
518
- .row-spacing-4 .col {
519
- padding-top: 32px;
520
- }
521
-
522
- .row-spacing-5 {
523
- margin-top: -40px;
524
- margin-bottom: 40px;
525
- }
526
- .row-spacing-5 .col {
527
- padding-top: 40px;
528
- }
529
-
530
- .row-spacing-6 {
531
- margin-top: -48px;
532
- margin-bottom: 48px;
533
- }
534
- .row-spacing-6 .col {
535
- padding-top: 48px;
536
- }
537
-
538
- .row-spacing-7 {
539
- margin-top: -56px;
540
- margin-bottom: 56px;
541
- }
542
- .row-spacing-7 .col {
543
- padding-top: 56px;
544
- }
545
-
546
- .row-spacing-8 {
547
- margin-top: -64px;
548
- margin-bottom: 64px;
549
- }
550
- .row-spacing-8 .col {
551
- padding-top: 64px;
552
- }
553
-
554
- .row-spacing-9 {
555
- margin-top: -72px;
556
- margin-bottom: 72px;
557
- }
558
- .row-spacing-9 .col {
559
- padding-top: 72px;
560
- }
561
-
562
- .row-spacing-10 {
563
- margin-top: -80px;
564
- margin-bottom: 80px;
565
- }
566
- .row-spacing-10 .col {
567
- padding-top: 80px;
568
- }
569
-
570
- .row-spacing-11 {
571
- margin-top: -88px;
572
- margin-bottom: 88px;
573
- }
574
- .row-spacing-11 .col {
575
- padding-top: 88px;
576
- }
577
-
578
- .row-spacing-12 {
579
- margin-top: -96px;
580
- margin-bottom: 96px;
581
- }
582
- .row-spacing-12 .col {
583
- padding-top: 96px;
584
- }
585
-
586
- /* Column Spacing Classes */
587
- .col-spacing-0 {
588
- width: 100%;
589
- margin-left: 0px;
590
- }
591
- .col-spacing-0 .col {
592
- padding-left: 0px;
593
- }
594
-
595
- .col-spacing-1 {
596
- width: calc(100% + 8px);
597
- margin-left: -8px;
598
- }
599
- .col-spacing-1 .col {
600
- padding-left: 8px;
601
- }
602
-
603
- .col-spacing-2 {
604
- width: calc(100% + 16px);
605
- margin-left: -16px;
606
- }
607
- .col-spacing-2 .col {
608
- padding-left: 16px;
609
- }
610
-
611
- .col-spacing-3 {
612
- width: calc(100% + 24px);
613
- margin-left: -24px;
614
- }
615
- .col-spacing-3 .col {
616
- padding-left: 24px;
617
- }
618
-
619
- .col-spacing-4 {
620
- width: calc(100% + 32px);
621
- margin-left: -32px;
622
- }
623
- .col-spacing-4 .col {
624
- padding-left: 32px;
625
- }
626
-
627
- .col-spacing-5 {
628
- width: calc(100% + 40px);
629
- margin-left: -40px;
630
- }
631
- .col-spacing-5 .col {
632
- padding-left: 40px;
633
- }
634
-
635
- .col-spacing-6 {
636
- width: calc(100% + 48px);
637
- margin-left: -48px;
638
- }
639
- .col-spacing-6 .col {
640
- padding-left: 48px;
641
- }
642
-
643
- .col-spacing-7 {
644
- width: calc(100% + 56px);
645
- margin-left: -56px;
646
- }
647
- .col-spacing-7 .col {
648
- padding-left: 56px;
649
- }
650
-
651
- .col-spacing-8 {
652
- width: calc(100% + 64px);
653
- margin-left: -64px;
654
- }
655
- .col-spacing-8 .col {
656
- padding-left: 64px;
657
- }
658
-
659
- .col-spacing-9 {
660
- width: calc(100% + 72px);
661
- margin-left: -72px;
662
- }
663
- .col-spacing-9 .col {
664
- padding-left: 72px;
665
- }
666
-
667
- .col-spacing-10 {
668
- width: calc(100% + 80px);
669
- margin-left: -80px;
670
- }
671
- .col-spacing-10 .col {
672
- padding-left: 80px;
673
- }
674
-
675
- .col-spacing-11 {
676
- width: calc(100% + 88px);
677
- margin-left: -88px;
678
- }
679
- .col-spacing-11 .col {
680
- padding-left: 88px;
681
- }
682
-
683
- .col-spacing-12 {
684
- width: calc(100% + 96px);
685
- margin-left: -96px;
686
- }
687
- .col-spacing-12 .col {
688
- padding-left: 96px;
689
- }
690
-
691
- /* Flex Direction Classes */
692
- .flex-row {
693
- flex-direction: row;
694
- }
695
- .flex-row-reverse {
696
- flex-direction: row-reverse;
697
- }
698
- .flex-column {
699
- flex-direction: column;
700
- }
701
- .flex-column-reverse {
702
- flex-direction: column-reverse;
703
- }
704
-
705
- /* Flex Wrap Classes */
706
- .flex-wrap {
707
- flex-wrap: wrap;
708
- }
709
- .flex-wrap-reverse {
710
- flex-wrap: wrap-reverse;
711
- }
712
- .flex-nowrap {
713
- flex-wrap: nowrap;
714
- }
715
-
716
- /* Justify Content Classes */
717
- .justify-start {
718
- justify-content: flex-start;
719
- }
720
- .justify-center {
721
- justify-content: center;
722
- }
723
- .justify-end {
724
- justify-content: flex-end;
725
- }
726
- .justify-between {
727
- justify-content: space-between;
728
- }
729
- .justify-around {
730
- justify-content: space-around;
731
- }
732
- .justify-evenly {
733
- justify-content: space-evenly;
734
- }
735
-
736
- /* Align Items Classes */
737
- .align-items-start {
738
- align-items: flex-start;
739
- }
740
- .align-items-center {
741
- align-items: center;
742
- }
743
- .align-items-end {
744
- align-items: flex-end;
745
- }
746
- .align-items-stretch {
747
- align-items: stretch;
748
- }
749
- .align-items-baseline {
750
- align-items: baseline;
751
- }
752
-
753
- /* Align Content Classes */
754
- .align-content-start {
755
- align-content: flex-start;
756
- }
757
- .align-content-center {
758
- align-content: center;
759
- }
760
- .align-content-end {
761
- align-content: flex-end;
762
- }
763
- .align-content-stretch {
764
- align-content: stretch;
765
- }
766
- .align-content-baseline {
767
- align-content: baseline;
768
- }
769
-
770
- /* Hidden Classes */
771
- @media only screen and (max-width: 576px) {
772
- .hidden-xs {
773
- display: none !important;
774
- }
775
- }
776
-
777
- @media only screen and (min-width: 577px) and (max-width: 768px) {
778
- .hidden-sm {
779
- display: none !important;
780
- }
781
- }
782
-
783
- @media only screen and (min-width: 769px) and (max-width: 992px) {
784
- .hidden-md {
785
- display: none !important;
786
- }
787
- }
788
-
789
- @media only screen and (min-width: 993px) and (max-width: 1200px) {
790
- .hidden-lg {
791
- display: none !important;
792
- }
793
- }
794
-
795
- @media only screen and (min-width: 1201px) and (max-width: 1400px) {
796
- .hidden-xl {
797
- display: none !important;
798
- }
799
- }
800
-
801
- @media only screen and (min-width: 1401px) {
802
- .hidden-xxl {
803
- display: none !important;
804
- }
805
- }