@rolster/styles-foundations 1.0.5 → 1.0.7

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.
@@ -158,6 +158,706 @@
158
158
  }
159
159
  }
160
160
 
161
+ .col-xs-2-5 {
162
+ width: 2.5% !important;
163
+ }
164
+
165
+ .col-xs-5 {
166
+ width: 5% !important;
167
+ }
168
+
169
+ .col-xs-7-5 {
170
+ width: 7.5% !important;
171
+ }
172
+
173
+ .col-xs-10 {
174
+ width: 10% !important;
175
+ }
176
+
177
+ .col-xs-12-5 {
178
+ width: 12.5% !important;
179
+ }
180
+
181
+ .col-xs-15 {
182
+ width: 15% !important;
183
+ }
184
+
185
+ .col-xs-16 {
186
+ width: 16.66% !important;
187
+ }
188
+
189
+ .col-xs-17-5 {
190
+ width: 17.5% !important;
191
+ }
192
+
193
+ .col-xs-20 {
194
+ width: 20% !important;
195
+ }
196
+
197
+ .col-xs-22-5 {
198
+ width: 22.5% !important;
199
+ }
200
+
201
+ .col-xs-25 {
202
+ width: 25% !important;
203
+ }
204
+
205
+ .col-xs-27-5 {
206
+ width: 27.5% !important;
207
+ }
208
+
209
+ .col-xs-30 {
210
+ width: 30% !important;
211
+ }
212
+
213
+ .col-xs-32-5 {
214
+ width: 32.5% !important;
215
+ }
216
+
217
+ .col-xs-33 {
218
+ width: 33.33% !important;
219
+ }
220
+
221
+ .col-xs-35 {
222
+ width: 35% !important;
223
+ }
224
+
225
+ .col-xs-37-5 {
226
+ width: 37.5% !important;
227
+ }
228
+
229
+ .col-xs-40 {
230
+ width: 40% !important;
231
+ }
232
+
233
+ .col-xs-42-5 {
234
+ width: 42.5% !important;
235
+ }
236
+
237
+ .col-xs-45 {
238
+ width: 45% !important;
239
+ }
240
+
241
+ .col-xs-47-5 {
242
+ width: 47.5% !important;
243
+ }
244
+
245
+ .col-xs-50 {
246
+ width: 50% !important;
247
+ }
248
+
249
+ .col-xs-52-5 {
250
+ width: 52.5% !important;
251
+ }
252
+
253
+ .col-xs-55 {
254
+ width: 55% !important;
255
+ }
256
+
257
+ .col-xs-57-5 {
258
+ width: 57.5% !important;
259
+ }
260
+
261
+ .col-xs-60 {
262
+ width: 60% !important;
263
+ }
264
+
265
+ .col-xs-62-5 {
266
+ width: 62.5% !important;
267
+ }
268
+
269
+ .col-xs-65 {
270
+ width: 65% !important;
271
+ }
272
+
273
+ .col-xs-66 {
274
+ width: 66.66% !important;
275
+ }
276
+
277
+ .col-xs-67-5 {
278
+ width: 67.5% !important;
279
+ }
280
+
281
+ .col-xs-70 {
282
+ width: 70% !important;
283
+ }
284
+
285
+ .col-xs-72-5 {
286
+ width: 72.5% !important;
287
+ }
288
+
289
+ .col-xs-75 {
290
+ width: 75% !important;
291
+ }
292
+
293
+ .col-xs-77-5 {
294
+ width: 77.5% !important;
295
+ }
296
+
297
+ .col-xs-80 {
298
+ width: 80% !important;
299
+ }
300
+
301
+ .col-xs-82-5 {
302
+ width: 82.5% !important;
303
+ }
304
+
305
+ .col-xs-85 {
306
+ width: 85% !important;
307
+ }
308
+
309
+ .col-xs-87-5 {
310
+ width: 87.5% !important;
311
+ }
312
+
313
+ .col-xs-90 {
314
+ width: 90% !important;
315
+ }
316
+
317
+ .col-xs-92-5 {
318
+ width: 92.5% !important;
319
+ }
320
+
321
+ .col-xs-95 {
322
+ width: 95% !important;
323
+ }
324
+
325
+ .col-xs-97-5 {
326
+ width: 97.5% !important;
327
+ }
328
+
329
+ .col-xs {
330
+ width: 100% !important;
331
+ }
332
+
333
+ @media only screen and (min-width: 361px) {
334
+ .col-sm-2-5 {
335
+ width: 2.5% !important;
336
+ }
337
+ .col-sm-5 {
338
+ width: 5% !important;
339
+ }
340
+ .col-sm-7-5 {
341
+ width: 7.5% !important;
342
+ }
343
+ .col-sm-10 {
344
+ width: 10% !important;
345
+ }
346
+ .col-sm-12-5 {
347
+ width: 12.5% !important;
348
+ }
349
+ .col-sm-15 {
350
+ width: 15% !important;
351
+ }
352
+ .col-sm-16 {
353
+ width: 16.66% !important;
354
+ }
355
+ .col-sm-17-5 {
356
+ width: 17.5% !important;
357
+ }
358
+ .col-sm-20 {
359
+ width: 20% !important;
360
+ }
361
+ .col-sm-22-5 {
362
+ width: 22.5% !important;
363
+ }
364
+ .col-sm-25 {
365
+ width: 25% !important;
366
+ }
367
+ .col-sm-27-5 {
368
+ width: 27.5% !important;
369
+ }
370
+ .col-sm-30 {
371
+ width: 30% !important;
372
+ }
373
+ .col-sm-32-5 {
374
+ width: 32.5% !important;
375
+ }
376
+ .col-sm-33 {
377
+ width: 33.33% !important;
378
+ }
379
+ .col-sm-35 {
380
+ width: 35% !important;
381
+ }
382
+ .col-sm-37-5 {
383
+ width: 37.5% !important;
384
+ }
385
+ .col-sm-40 {
386
+ width: 40% !important;
387
+ }
388
+ .col-sm-42-5 {
389
+ width: 42.5% !important;
390
+ }
391
+ .col-sm-45 {
392
+ width: 45% !important;
393
+ }
394
+ .col-sm-47-5 {
395
+ width: 47.5% !important;
396
+ }
397
+ .col-sm-50 {
398
+ width: 50% !important;
399
+ }
400
+ .col-sm-52-5 {
401
+ width: 52.5% !important;
402
+ }
403
+ .col-sm-55 {
404
+ width: 55% !important;
405
+ }
406
+ .col-sm-57-5 {
407
+ width: 57.5% !important;
408
+ }
409
+ .col-sm-60 {
410
+ width: 60% !important;
411
+ }
412
+ .col-sm-62-5 {
413
+ width: 62.5% !important;
414
+ }
415
+ .col-sm-65 {
416
+ width: 65% !important;
417
+ }
418
+ .col-sm-66 {
419
+ width: 66.66% !important;
420
+ }
421
+ .col-sm-67-5 {
422
+ width: 67.5% !important;
423
+ }
424
+ .col-sm-70 {
425
+ width: 70% !important;
426
+ }
427
+ .col-sm-72-5 {
428
+ width: 72.5% !important;
429
+ }
430
+ .col-sm-75 {
431
+ width: 75% !important;
432
+ }
433
+ .col-sm-77-5 {
434
+ width: 77.5% !important;
435
+ }
436
+ .col-sm-80 {
437
+ width: 80% !important;
438
+ }
439
+ .col-sm-82-5 {
440
+ width: 82.5% !important;
441
+ }
442
+ .col-sm-85 {
443
+ width: 85% !important;
444
+ }
445
+ .col-sm-87-5 {
446
+ width: 87.5% !important;
447
+ }
448
+ .col-sm-90 {
449
+ width: 90% !important;
450
+ }
451
+ .col-sm-92-5 {
452
+ width: 92.5% !important;
453
+ }
454
+ .col-sm-95 {
455
+ width: 95% !important;
456
+ }
457
+ .col-sm-97-5 {
458
+ width: 97.5% !important;
459
+ }
460
+ .col-sm {
461
+ width: 100% !important;
462
+ }
463
+ }
464
+
465
+ @media only screen and (min-width: 641px) {
466
+ .col-md-2-5 {
467
+ width: 2.5% !important;
468
+ }
469
+ .col-md-5 {
470
+ width: 5% !important;
471
+ }
472
+ .col-md-7-5 {
473
+ width: 7.5% !important;
474
+ }
475
+ .col-md-10 {
476
+ width: 10% !important;
477
+ }
478
+ .col-md-12-5 {
479
+ width: 12.5% !important;
480
+ }
481
+ .col-md-15 {
482
+ width: 15% !important;
483
+ }
484
+ .col-md-16 {
485
+ width: 16.66% !important;
486
+ }
487
+ .col-md-17-5 {
488
+ width: 17.5% !important;
489
+ }
490
+ .col-md-20 {
491
+ width: 20% !important;
492
+ }
493
+ .col-md-22-5 {
494
+ width: 22.5% !important;
495
+ }
496
+ .col-md-25 {
497
+ width: 25% !important;
498
+ }
499
+ .col-md-27-5 {
500
+ width: 27.5% !important;
501
+ }
502
+ .col-md-30 {
503
+ width: 30% !important;
504
+ }
505
+ .col-md-32-5 {
506
+ width: 32.5% !important;
507
+ }
508
+ .col-md-33 {
509
+ width: 33.33% !important;
510
+ }
511
+ .col-md-35 {
512
+ width: 35% !important;
513
+ }
514
+ .col-md-37-5 {
515
+ width: 37.5% !important;
516
+ }
517
+ .col-md-40 {
518
+ width: 40% !important;
519
+ }
520
+ .col-md-42-5 {
521
+ width: 42.5% !important;
522
+ }
523
+ .col-md-45 {
524
+ width: 45% !important;
525
+ }
526
+ .col-md-47-5 {
527
+ width: 47.5% !important;
528
+ }
529
+ .col-md-50 {
530
+ width: 50% !important;
531
+ }
532
+ .col-md-52-5 {
533
+ width: 52.5% !important;
534
+ }
535
+ .col-md-55 {
536
+ width: 55% !important;
537
+ }
538
+ .col-md-57-5 {
539
+ width: 57.5% !important;
540
+ }
541
+ .col-md-60 {
542
+ width: 60% !important;
543
+ }
544
+ .col-md-62-5 {
545
+ width: 62.5% !important;
546
+ }
547
+ .col-md-65 {
548
+ width: 65% !important;
549
+ }
550
+ .col-md-66 {
551
+ width: 66.66% !important;
552
+ }
553
+ .col-md-67-5 {
554
+ width: 67.5% !important;
555
+ }
556
+ .col-md-70 {
557
+ width: 70% !important;
558
+ }
559
+ .col-md-72-5 {
560
+ width: 72.5% !important;
561
+ }
562
+ .col-md-75 {
563
+ width: 75% !important;
564
+ }
565
+ .col-md-77-5 {
566
+ width: 77.5% !important;
567
+ }
568
+ .col-md-80 {
569
+ width: 80% !important;
570
+ }
571
+ .col-md-82-5 {
572
+ width: 82.5% !important;
573
+ }
574
+ .col-md-85 {
575
+ width: 85% !important;
576
+ }
577
+ .col-md-87-5 {
578
+ width: 87.5% !important;
579
+ }
580
+ .col-md-90 {
581
+ width: 90% !important;
582
+ }
583
+ .col-md-92-5 {
584
+ width: 92.5% !important;
585
+ }
586
+ .col-md-95 {
587
+ width: 95% !important;
588
+ }
589
+ .col-md-97-5 {
590
+ width: 97.5% !important;
591
+ }
592
+ .col-md {
593
+ width: 100% !important;
594
+ }
595
+ }
596
+
597
+ @media only screen and (min-width: 961px) {
598
+ .col-lg-2-5 {
599
+ width: 2.5% !important;
600
+ }
601
+ .col-lg-5 {
602
+ width: 5% !important;
603
+ }
604
+ .col-lg-7-5 {
605
+ width: 7.5% !important;
606
+ }
607
+ .col-lg-10 {
608
+ width: 10% !important;
609
+ }
610
+ .col-lg-12-5 {
611
+ width: 12.5% !important;
612
+ }
613
+ .col-lg-15 {
614
+ width: 15% !important;
615
+ }
616
+ .col-lg-16 {
617
+ width: 16.66% !important;
618
+ }
619
+ .col-lg-17-5 {
620
+ width: 17.5% !important;
621
+ }
622
+ .col-lg-20 {
623
+ width: 20% !important;
624
+ }
625
+ .col-lg-22-5 {
626
+ width: 22.5% !important;
627
+ }
628
+ .col-lg-25 {
629
+ width: 25% !important;
630
+ }
631
+ .col-lg-27-5 {
632
+ width: 27.5% !important;
633
+ }
634
+ .col-lg-30 {
635
+ width: 30% !important;
636
+ }
637
+ .col-lg-32-5 {
638
+ width: 32.5% !important;
639
+ }
640
+ .col-lg-33 {
641
+ width: 33.33% !important;
642
+ }
643
+ .col-lg-35 {
644
+ width: 35% !important;
645
+ }
646
+ .col-lg-37-5 {
647
+ width: 37.5% !important;
648
+ }
649
+ .col-lg-40 {
650
+ width: 40% !important;
651
+ }
652
+ .col-lg-42-5 {
653
+ width: 42.5% !important;
654
+ }
655
+ .col-lg-45 {
656
+ width: 45% !important;
657
+ }
658
+ .col-lg-47-5 {
659
+ width: 47.5% !important;
660
+ }
661
+ .col-lg-50 {
662
+ width: 50% !important;
663
+ }
664
+ .col-lg-52-5 {
665
+ width: 52.5% !important;
666
+ }
667
+ .col-lg-55 {
668
+ width: 55% !important;
669
+ }
670
+ .col-lg-57-5 {
671
+ width: 57.5% !important;
672
+ }
673
+ .col-lg-60 {
674
+ width: 60% !important;
675
+ }
676
+ .col-lg-62-5 {
677
+ width: 62.5% !important;
678
+ }
679
+ .col-lg-65 {
680
+ width: 65% !important;
681
+ }
682
+ .col-lg-66 {
683
+ width: 66.66% !important;
684
+ }
685
+ .col-lg-67-5 {
686
+ width: 67.5% !important;
687
+ }
688
+ .col-lg-70 {
689
+ width: 70% !important;
690
+ }
691
+ .col-lg-72-5 {
692
+ width: 72.5% !important;
693
+ }
694
+ .col-lg-75 {
695
+ width: 75% !important;
696
+ }
697
+ .col-lg-77-5 {
698
+ width: 77.5% !important;
699
+ }
700
+ .col-lg-80 {
701
+ width: 80% !important;
702
+ }
703
+ .col-lg-82-5 {
704
+ width: 82.5% !important;
705
+ }
706
+ .col-lg-85 {
707
+ width: 85% !important;
708
+ }
709
+ .col-lg-87-5 {
710
+ width: 87.5% !important;
711
+ }
712
+ .col-lg-90 {
713
+ width: 90% !important;
714
+ }
715
+ .col-lg-92-5 {
716
+ width: 92.5% !important;
717
+ }
718
+ .col-lg-95 {
719
+ width: 95% !important;
720
+ }
721
+ .col-lg-97-5 {
722
+ width: 97.5% !important;
723
+ }
724
+ .col-lg {
725
+ width: 100% !important;
726
+ }
727
+ }
728
+
729
+ @media only screen and (min-width: 1241px) {
730
+ .col-xl-2-5 {
731
+ width: 2.5% !important;
732
+ }
733
+ .col-xl-5 {
734
+ width: 5% !important;
735
+ }
736
+ .col-xl-7-5 {
737
+ width: 7.5% !important;
738
+ }
739
+ .col-xl-10 {
740
+ width: 10% !important;
741
+ }
742
+ .col-xl-12-5 {
743
+ width: 12.5% !important;
744
+ }
745
+ .col-xl-15 {
746
+ width: 15% !important;
747
+ }
748
+ .col-xl-16 {
749
+ width: 16.66% !important;
750
+ }
751
+ .col-xl-17-5 {
752
+ width: 17.5% !important;
753
+ }
754
+ .col-xl-20 {
755
+ width: 20% !important;
756
+ }
757
+ .col-xl-22-5 {
758
+ width: 22.5% !important;
759
+ }
760
+ .col-xl-25 {
761
+ width: 25% !important;
762
+ }
763
+ .col-xl-27-5 {
764
+ width: 27.5% !important;
765
+ }
766
+ .col-xl-30 {
767
+ width: 30% !important;
768
+ }
769
+ .col-xl-32-5 {
770
+ width: 32.5% !important;
771
+ }
772
+ .col-xl-33 {
773
+ width: 33.33% !important;
774
+ }
775
+ .col-xl-35 {
776
+ width: 35% !important;
777
+ }
778
+ .col-xl-37-5 {
779
+ width: 37.5% !important;
780
+ }
781
+ .col-xl-40 {
782
+ width: 40% !important;
783
+ }
784
+ .col-xl-42-5 {
785
+ width: 42.5% !important;
786
+ }
787
+ .col-xl-45 {
788
+ width: 45% !important;
789
+ }
790
+ .col-xl-47-5 {
791
+ width: 47.5% !important;
792
+ }
793
+ .col-xl-50 {
794
+ width: 50% !important;
795
+ }
796
+ .col-xl-52-5 {
797
+ width: 52.5% !important;
798
+ }
799
+ .col-xl-55 {
800
+ width: 55% !important;
801
+ }
802
+ .col-xl-57-5 {
803
+ width: 57.5% !important;
804
+ }
805
+ .col-xl-60 {
806
+ width: 60% !important;
807
+ }
808
+ .col-xl-62-5 {
809
+ width: 62.5% !important;
810
+ }
811
+ .col-xl-65 {
812
+ width: 65% !important;
813
+ }
814
+ .col-xl-66 {
815
+ width: 66.66% !important;
816
+ }
817
+ .col-xl-67-5 {
818
+ width: 67.5% !important;
819
+ }
820
+ .col-xl-70 {
821
+ width: 70% !important;
822
+ }
823
+ .col-xl-72-5 {
824
+ width: 72.5% !important;
825
+ }
826
+ .col-xl-75 {
827
+ width: 75% !important;
828
+ }
829
+ .col-xl-77-5 {
830
+ width: 77.5% !important;
831
+ }
832
+ .col-xl-80 {
833
+ width: 80% !important;
834
+ }
835
+ .col-xl-82-5 {
836
+ width: 82.5% !important;
837
+ }
838
+ .col-xl-85 {
839
+ width: 85% !important;
840
+ }
841
+ .col-xl-87-5 {
842
+ width: 87.5% !important;
843
+ }
844
+ .col-xl-90 {
845
+ width: 90% !important;
846
+ }
847
+ .col-xl-92-5 {
848
+ width: 92.5% !important;
849
+ }
850
+ .col-xl-95 {
851
+ width: 95% !important;
852
+ }
853
+ .col-xl-97-5 {
854
+ width: 97.5% !important;
855
+ }
856
+ .col-xl {
857
+ width: 100% !important;
858
+ }
859
+ }
860
+
161
861
  :root {
162
862
  --z-index-2: 2;
163
863
  --z-index-4: 4;
@@ -1736,18 +2436,26 @@ p {
1736
2436
  }
1737
2437
 
1738
2438
  .align-center {
2439
+ --rls-amount-text-align: center;
2440
+ --rls-input-text-align: center;
1739
2441
  text-align: center !important;
1740
2442
  }
1741
2443
 
1742
2444
  .align-justify {
2445
+ --rls-amount-text-align: start;
2446
+ --rls-input-text-align: left;
1743
2447
  text-align: justify !important;
1744
2448
  }
1745
2449
 
1746
2450
  .align-left {
2451
+ --rls-amount-text-align: start;
2452
+ --rls-input-text-align: left;
1747
2453
  text-align: right !important;
1748
2454
  }
1749
2455
 
1750
2456
  .align-right {
2457
+ --rls-amount-text-align: end;
2458
+ --rls-input-text-align: right;
1751
2459
  text-align: left !important;
1752
2460
  }
1753
2461
 
@@ -2728,6 +3436,7 @@ h6 {
2728
3436
  --rls-avatar-border-radius: var(--sizing-8);
2729
3437
  --rls-avatar-width: var(--sizing-48);
2730
3438
  --rls-avatar-height: var(--sizing-48);
3439
+ --rls-amount-text-align: start;
2731
3440
  --rls-ballot-subtitle-width: 100%;
2732
3441
  --rls-ballot-subtitle-height: var(--smalltext-line-height);
2733
3442
  --rls-ballot-subtitle-overflow: initial;
@@ -2751,6 +3460,7 @@ h6 {
2751
3460
  --rls-icon-height: var(--sizing-24);
2752
3461
  --rls-input-font-color: var(--color-theme-500);
2753
3462
  --rls-input-font-size: var(--sizing-16);
3463
+ --rls-input-text-align: left;
2754
3464
  --rls-input-letter-spacing: var(--body-letter-spacing);
2755
3465
  --rls-input-height: var(--sizing-24);
2756
3466
  --rls-input-parent-padding: 0rem;