@tattvafoundation/upyog-css 1.0.35 → 1.0.38
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/dist/index.css +220 -7
- package/dist/index.min.css +1 -1
- package/package.json +2 -2
- package/src/components/bmc.scss +176 -9
- package/src/components/multicolumn.scss +16 -1
package/dist/index.css
CHANGED
|
@@ -658,6 +658,9 @@ img, video {
|
|
|
658
658
|
.cursor-pointer {
|
|
659
659
|
cursor: pointer; }
|
|
660
660
|
|
|
661
|
+
.cursor-text {
|
|
662
|
+
cursor: text; }
|
|
663
|
+
|
|
661
664
|
.cursor-not-allowed {
|
|
662
665
|
cursor: not-allowed; }
|
|
663
666
|
|
|
@@ -705,6 +708,12 @@ img, video {
|
|
|
705
708
|
-ms-flex-direction: column;
|
|
706
709
|
flex-direction: column; }
|
|
707
710
|
|
|
711
|
+
.flex-col-reverse {
|
|
712
|
+
-webkit-box-orient: vertical;
|
|
713
|
+
-webkit-box-direction: reverse;
|
|
714
|
+
-ms-flex-direction: column-reverse;
|
|
715
|
+
flex-direction: column-reverse; }
|
|
716
|
+
|
|
708
717
|
.flex-wrap {
|
|
709
718
|
-ms-flex-wrap: wrap;
|
|
710
719
|
flex-wrap: wrap; }
|
|
@@ -737,6 +746,10 @@ img, video {
|
|
|
737
746
|
-ms-flex-item-align: center;
|
|
738
747
|
align-self: center; }
|
|
739
748
|
|
|
749
|
+
.self-stretch {
|
|
750
|
+
-ms-flex-item-align: stretch;
|
|
751
|
+
align-self: stretch; }
|
|
752
|
+
|
|
740
753
|
.justify-start {
|
|
741
754
|
-webkit-box-pack: start;
|
|
742
755
|
-ms-flex-pack: start;
|
|
@@ -788,6 +801,9 @@ img, video {
|
|
|
788
801
|
-ms-flex-order: 2;
|
|
789
802
|
order: 2; }
|
|
790
803
|
|
|
804
|
+
.float-right {
|
|
805
|
+
float: right; }
|
|
806
|
+
|
|
791
807
|
.font-sans {
|
|
792
808
|
font-family: Noto Sans,serif; }
|
|
793
809
|
|
|
@@ -797,6 +813,9 @@ img, video {
|
|
|
797
813
|
.font-bold {
|
|
798
814
|
font-weight: 700; }
|
|
799
815
|
|
|
816
|
+
.h-0 {
|
|
817
|
+
height: 0; }
|
|
818
|
+
|
|
800
819
|
.h-1 {
|
|
801
820
|
height: .25rem; }
|
|
802
821
|
|
|
@@ -977,7 +996,7 @@ img, video {
|
|
|
977
996
|
.opacity-75 {
|
|
978
997
|
opacity: .75; }
|
|
979
998
|
|
|
980
|
-
.opacity-100 {
|
|
999
|
+
.hover\:opacity-100:hover, .opacity-100 {
|
|
981
1000
|
opacity: 1; }
|
|
982
1001
|
|
|
983
1002
|
.focus\:outline-none:focus, .outline-none {
|
|
@@ -1341,6 +1360,9 @@ img, video {
|
|
|
1341
1360
|
.w-56 {
|
|
1342
1361
|
width: 14rem; }
|
|
1343
1362
|
|
|
1363
|
+
.w-64 {
|
|
1364
|
+
width: 16rem; }
|
|
1365
|
+
|
|
1344
1366
|
.w-auto {
|
|
1345
1367
|
width: auto; }
|
|
1346
1368
|
|
|
@@ -1350,6 +1372,9 @@ img, video {
|
|
|
1350
1372
|
.w-0\.5 {
|
|
1351
1373
|
width: .125rem; }
|
|
1352
1374
|
|
|
1375
|
+
.w-2\.5 {
|
|
1376
|
+
width: .625rem; }
|
|
1377
|
+
|
|
1353
1378
|
.w-3\.5 {
|
|
1354
1379
|
width: .875rem; }
|
|
1355
1380
|
|
|
@@ -1422,6 +1447,10 @@ img, video {
|
|
|
1422
1447
|
grid-gap: .375rem;
|
|
1423
1448
|
gap: .375rem; }
|
|
1424
1449
|
|
|
1450
|
+
.gap-2\.5 {
|
|
1451
|
+
grid-gap: .625rem;
|
|
1452
|
+
gap: .625rem; }
|
|
1453
|
+
|
|
1425
1454
|
.gap-x-4 {
|
|
1426
1455
|
grid-column-gap: 1rem;
|
|
1427
1456
|
-webkit-column-gap: 1rem;
|
|
@@ -1438,6 +1467,14 @@ img, video {
|
|
|
1438
1467
|
grid-row-gap: .25rem;
|
|
1439
1468
|
row-gap: .25rem; }
|
|
1440
1469
|
|
|
1470
|
+
.gap-y-2 {
|
|
1471
|
+
grid-row-gap: .5rem;
|
|
1472
|
+
row-gap: .5rem; }
|
|
1473
|
+
|
|
1474
|
+
.gap-y-2\.5 {
|
|
1475
|
+
grid-row-gap: .625rem;
|
|
1476
|
+
row-gap: .625rem; }
|
|
1477
|
+
|
|
1441
1478
|
.grid-cols-1 {
|
|
1442
1479
|
grid-template-columns: repeat(1, minmax(0, 1fr)); }
|
|
1443
1480
|
|
|
@@ -1484,6 +1521,10 @@ img, video {
|
|
|
1484
1521
|
--transform-scale-x:.95;
|
|
1485
1522
|
--transform-scale-y:.95; }
|
|
1486
1523
|
|
|
1524
|
+
.scale-100 {
|
|
1525
|
+
--transform-scale-x:1;
|
|
1526
|
+
--transform-scale-y:1; }
|
|
1527
|
+
|
|
1487
1528
|
.hover\:scale-105:hover {
|
|
1488
1529
|
--transform-scale-x:1.05;
|
|
1489
1530
|
--transform-scale-y:1.05; }
|
|
@@ -10239,6 +10280,9 @@ body {
|
|
|
10239
10280
|
*, body, html {
|
|
10240
10281
|
font-size: var(--base-font-size); }
|
|
10241
10282
|
|
|
10283
|
+
body, html {
|
|
10284
|
+
font-family: Poppins,sans-serif; }
|
|
10285
|
+
|
|
10242
10286
|
body {
|
|
10243
10287
|
background-color: #fff;
|
|
10244
10288
|
background-color: var(--background-color);
|
|
@@ -10336,6 +10380,11 @@ body {
|
|
|
10336
10380
|
.TLComments p {
|
|
10337
10381
|
font-size: 16px; }
|
|
10338
10382
|
|
|
10383
|
+
.bmc-label {
|
|
10384
|
+
margin-bottom: 2px;
|
|
10385
|
+
font-size: 14px;
|
|
10386
|
+
font-weight: 500; }
|
|
10387
|
+
|
|
10339
10388
|
.bmc-tooltip {
|
|
10340
10389
|
background-color: rgba(0, 0, 0, 0.8);
|
|
10341
10390
|
color: #fff;
|
|
@@ -10466,7 +10515,8 @@ body {
|
|
|
10466
10515
|
border: 1px solid #e2e8f0;
|
|
10467
10516
|
border: 1px solid var(--border-color);
|
|
10468
10517
|
-webkit-box-shadow: 0 5px 10px var(--shadow-color);
|
|
10469
|
-
box-shadow: 0 5px 10px var(--shadow-color);
|
|
10518
|
+
box-shadow: 0 5px 10px var(--shadow-color);
|
|
10519
|
+
padding: 2rem; }
|
|
10470
10520
|
|
|
10471
10521
|
.bmc-card-row {
|
|
10472
10522
|
width: 100%; }
|
|
@@ -10671,17 +10721,17 @@ body {
|
|
|
10671
10721
|
.bmc-row-card-header {
|
|
10672
10722
|
background-color: #fff;
|
|
10673
10723
|
border: 1px solid #ddd;
|
|
10674
|
-
border-radius:
|
|
10724
|
+
border-radius: 8px;
|
|
10675
10725
|
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
|
|
10676
10726
|
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
|
|
10677
|
-
padding:
|
|
10727
|
+
padding: 1.5rem;
|
|
10678
10728
|
max-width: 100%;
|
|
10679
10729
|
-webkit-transition: -webkit-box-shadow .3s ease;
|
|
10680
10730
|
transition: -webkit-box-shadow .3s ease;
|
|
10681
10731
|
transition: box-shadow .3s ease;
|
|
10682
10732
|
transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
|
|
10683
10733
|
transition: box-shadow .3s ease,-webkit-box-shadow .3s ease;
|
|
10684
|
-
margin-bottom:
|
|
10734
|
+
margin-bottom: .5rem; }
|
|
10685
10735
|
|
|
10686
10736
|
.bmc-card-row, .bmc-row-card-header {
|
|
10687
10737
|
width: 100%;
|
|
@@ -10788,10 +10838,10 @@ body {
|
|
|
10788
10838
|
left: 6px; }
|
|
10789
10839
|
|
|
10790
10840
|
.bmc-title {
|
|
10791
|
-
font-size:
|
|
10841
|
+
font-size: 20px;
|
|
10792
10842
|
font-weight: 700;
|
|
10793
10843
|
color: #0b0c0c;
|
|
10794
|
-
padding-bottom:
|
|
10844
|
+
padding-bottom: 10px; }
|
|
10795
10845
|
|
|
10796
10846
|
.bmc-card-button {
|
|
10797
10847
|
background-color: #d1b03f;
|
|
@@ -10905,6 +10955,13 @@ body {
|
|
|
10905
10955
|
width: 100%;
|
|
10906
10956
|
text-align: center; }
|
|
10907
10957
|
|
|
10958
|
+
.loader {
|
|
10959
|
+
border: 3px solid #f3f3f3;
|
|
10960
|
+
border-top-color: #d1b03f;
|
|
10961
|
+
border-radius: 50%;
|
|
10962
|
+
-webkit-animation: spin .5s linear infinite;
|
|
10963
|
+
animation: spin .5s linear infinite; }
|
|
10964
|
+
|
|
10908
10965
|
@media only screen and (max-width: 768px) {
|
|
10909
10966
|
.bmc-card-aadharimage {
|
|
10910
10967
|
display: none; }
|
|
@@ -11522,6 +11579,157 @@ button.submit-bar:hover {
|
|
|
11522
11579
|
text-align: center;
|
|
11523
11580
|
color: red; }
|
|
11524
11581
|
|
|
11582
|
+
.bmc-date-picker input, .bmc-date-picker .checkbox-wrap .input-emp, .checkbox-wrap .bmc-date-picker .input-emp, .bmc-input-field input, .bmc-input-field .checkbox-wrap .input-emp, .checkbox-wrap .bmc-input-field .input-emp, .bmc-input-field textarea, .multi-column-dropdown-wrap.bmc-multicolumn-dropdown-wrap .master {
|
|
11583
|
+
border-radius: 6px;
|
|
11584
|
+
border: 1px solid #d1d5db;
|
|
11585
|
+
padding: 8px;
|
|
11586
|
+
height: 2.4rem !important;
|
|
11587
|
+
-webkit-transition: border-color .3s ease-in-out;
|
|
11588
|
+
transition: border-color .3s ease-in-out;
|
|
11589
|
+
font-size: 15px; }
|
|
11590
|
+
.bmc-date-picker input:disabled, .bmc-date-picker .checkbox-wrap .input-emp:disabled, .checkbox-wrap .bmc-date-picker .input-emp:disabled, .bmc-input-field input:disabled, .bmc-input-field .checkbox-wrap .input-emp:disabled, .checkbox-wrap .bmc-input-field .input-emp:disabled, .bmc-input-field textarea:disabled, .multi-column-dropdown-wrap.bmc-multicolumn-dropdown-wrap .master:disabled {
|
|
11591
|
+
border-color: #9ca3af; }
|
|
11592
|
+
.bmc-date-picker input:focus, .bmc-date-picker .checkbox-wrap .input-emp:focus, .checkbox-wrap .bmc-date-picker .input-emp:focus, .bmc-input-field input:focus, .bmc-input-field .checkbox-wrap .input-emp:focus, .checkbox-wrap .bmc-input-field .input-emp:focus, .bmc-input-field textarea:focus, .multi-column-dropdown-wrap.bmc-multicolumn-dropdown-wrap .master:focus {
|
|
11593
|
+
border-color: #b08905; }
|
|
11594
|
+
.bmc-date-picker input:hover, .bmc-date-picker .checkbox-wrap .input-emp:hover, .checkbox-wrap .bmc-date-picker .input-emp:hover, .bmc-input-field input:hover, .bmc-input-field .checkbox-wrap .input-emp:hover, .checkbox-wrap .bmc-input-field .input-emp:hover, .bmc-input-field textarea:hover, .multi-column-dropdown-wrap.bmc-multicolumn-dropdown-wrap .master:hover {
|
|
11595
|
+
border-color: #b08905 !important; }
|
|
11596
|
+
|
|
11597
|
+
.multi-column-dropdown-wrap.bmc-multicolumn-dropdown-wrap .master-active {
|
|
11598
|
+
border-color: #b08905;
|
|
11599
|
+
border-radius: 6px;
|
|
11600
|
+
height: 2.4rem !important; }
|
|
11601
|
+
|
|
11602
|
+
.multi-column-dropdown-wrap.bmc-multicolumn-dropdown-wrap .master-active input, .multi-column-dropdown-wrap.bmc-multicolumn-dropdown-wrap .master-active .checkbox-wrap .input-emp, .checkbox-wrap .multi-column-dropdown-wrap.bmc-multicolumn-dropdown-wrap .master-active .input-emp {
|
|
11603
|
+
border-radius: 6px; }
|
|
11604
|
+
|
|
11605
|
+
.bmc-input-field .select {
|
|
11606
|
+
height: 2.4rem !important;
|
|
11607
|
+
background-color: #fff !important;
|
|
11608
|
+
border-radius: 6px;
|
|
11609
|
+
border: 1px solid #d1d5db;
|
|
11610
|
+
padding: 8px;
|
|
11611
|
+
-webkit-transition: border-color .3s ease-in-out;
|
|
11612
|
+
transition: border-color .3s ease-in-out;
|
|
11613
|
+
font-size: 15px; }
|
|
11614
|
+
.bmc-input-field .select:disabled {
|
|
11615
|
+
border-color: #9ca3af; }
|
|
11616
|
+
.bmc-input-field .select:focus {
|
|
11617
|
+
border-color: #b08905; }
|
|
11618
|
+
.bmc-input-field .select:hover {
|
|
11619
|
+
border-color: #b08905 !important; }
|
|
11620
|
+
|
|
11621
|
+
.bmc-input-field .select input, .bmc-input-field .select .checkbox-wrap .input-emp, .checkbox-wrap .bmc-input-field .select .input-emp {
|
|
11622
|
+
border: none;
|
|
11623
|
+
top: 50%;
|
|
11624
|
+
-webkit-transform: translateY(-50%);
|
|
11625
|
+
transform: translateY(-50%);
|
|
11626
|
+
padding: 0 !important; }
|
|
11627
|
+
|
|
11628
|
+
.bmc-input-field .select-active {
|
|
11629
|
+
border: 1px solid #b08905;
|
|
11630
|
+
border-radius: 6px; }
|
|
11631
|
+
|
|
11632
|
+
.bmc-input-field .select-active input, .bmc-input-field .select-active .checkbox-wrap .input-emp, .checkbox-wrap .bmc-input-field .select-active .input-emp {
|
|
11633
|
+
border: none;
|
|
11634
|
+
-webkit-box-shadow: none;
|
|
11635
|
+
box-shadow: none;
|
|
11636
|
+
border-radius: 6px;
|
|
11637
|
+
font-size: 15px; }
|
|
11638
|
+
|
|
11639
|
+
.bmc-input-field .select img, .bmc-input-field .select svg {
|
|
11640
|
+
top: 50%;
|
|
11641
|
+
-webkit-transform: translateY(-50%);
|
|
11642
|
+
transform: translateY(-50%); }
|
|
11643
|
+
|
|
11644
|
+
.bmc-marquee-container {
|
|
11645
|
+
position: absolute;
|
|
11646
|
+
top: 0;
|
|
11647
|
+
left: 0;
|
|
11648
|
+
width: 100%;
|
|
11649
|
+
height: 100%;
|
|
11650
|
+
overflow: hidden;
|
|
11651
|
+
pointer-events: none;
|
|
11652
|
+
z-index: 1;
|
|
11653
|
+
display: -webkit-box;
|
|
11654
|
+
display: -ms-flexbox;
|
|
11655
|
+
display: flex;
|
|
11656
|
+
-webkit-box-align: center;
|
|
11657
|
+
-ms-flex-align: center;
|
|
11658
|
+
align-items: center;
|
|
11659
|
+
border-radius: 6px; }
|
|
11660
|
+
|
|
11661
|
+
.bmc-marquee-content {
|
|
11662
|
+
display: inline-block;
|
|
11663
|
+
white-space: nowrap;
|
|
11664
|
+
padding-left: 100%;
|
|
11665
|
+
-webkit-animation: marquee 15s linear infinite;
|
|
11666
|
+
animation: marquee 15s linear infinite;
|
|
11667
|
+
color: #9ca3af;
|
|
11668
|
+
font-size: 16px; }
|
|
11669
|
+
|
|
11670
|
+
.bmc-radio-button-container .radio-wrap label {
|
|
11671
|
+
font-size: 14px;
|
|
11672
|
+
line-height: 16px;
|
|
11673
|
+
margin-left: 10px; }
|
|
11674
|
+
|
|
11675
|
+
.bmc-radio-button-container .radio-wrap div:last-child {
|
|
11676
|
+
margin-bottom: 0; }
|
|
11677
|
+
|
|
11678
|
+
.bmc-radio-button-container.inspection .radio-wrap div:nth-child(3) {
|
|
11679
|
+
display: -webkit-box;
|
|
11680
|
+
display: -ms-flexbox;
|
|
11681
|
+
display: flex;
|
|
11682
|
+
-webkit-box-align: center;
|
|
11683
|
+
-ms-flex-align: center;
|
|
11684
|
+
align-items: center; }
|
|
11685
|
+
|
|
11686
|
+
.bmc-radio-button-container.inspection .radio-wrap div:nth-child(3) label {
|
|
11687
|
+
line-height: 20px; }
|
|
11688
|
+
|
|
11689
|
+
.bmc-submit-btn {
|
|
11690
|
+
border-bottom: 2px solid #8f6d0d;
|
|
11691
|
+
outline: none;
|
|
11692
|
+
background-color: #d1b03f;
|
|
11693
|
+
cursor: pointer;
|
|
11694
|
+
border-radius: 6px;
|
|
11695
|
+
-webkit-transition: all .3s ease-in-out;
|
|
11696
|
+
transition: all .3s ease-in-out; }
|
|
11697
|
+
|
|
11698
|
+
.bmc-submit-btn:hover {
|
|
11699
|
+
background-color: #d1b03f !important;
|
|
11700
|
+
-webkit-box-shadow: none !important;
|
|
11701
|
+
box-shadow: none !important;
|
|
11702
|
+
border-bottom: none !important;
|
|
11703
|
+
border-radius: 6px; }
|
|
11704
|
+
|
|
11705
|
+
.bmc-submit-btn:disabled {
|
|
11706
|
+
background: grey;
|
|
11707
|
+
cursor: not-allowed; }
|
|
11708
|
+
|
|
11709
|
+
@-webkit-keyframes marquee {
|
|
11710
|
+
0% {
|
|
11711
|
+
-webkit-transform: translateX(0);
|
|
11712
|
+
transform: translateX(0); }
|
|
11713
|
+
to {
|
|
11714
|
+
-webkit-transform: translateX(-100%);
|
|
11715
|
+
transform: translateX(-100%); } }
|
|
11716
|
+
|
|
11717
|
+
@keyframes marquee {
|
|
11718
|
+
0% {
|
|
11719
|
+
-webkit-transform: translateX(0);
|
|
11720
|
+
transform: translateX(0); }
|
|
11721
|
+
to {
|
|
11722
|
+
-webkit-transform: translateX(-100%);
|
|
11723
|
+
transform: translateX(-100%); } }
|
|
11724
|
+
|
|
11725
|
+
.bmc-input-field .checkbox-no-height {
|
|
11726
|
+
height: auto !important; }
|
|
11727
|
+
|
|
11728
|
+
.bmc-input-field input, .bmc-input-field .checkbox-wrap .input-emp, .checkbox-wrap .bmc-input-field .input-emp {
|
|
11729
|
+
background: transparent !important;
|
|
11730
|
+
position: relative;
|
|
11731
|
+
z-index: 2; }
|
|
11732
|
+
|
|
11525
11733
|
@media screen and (max-width: 320px) {
|
|
11526
11734
|
.mobile-CardWrapper {
|
|
11527
11735
|
min-height: 30vh; }
|
|
@@ -12133,6 +12341,11 @@ button.submit-bar:hover {
|
|
|
12133
12341
|
.multi-column-dropdown-wrap .master .label svg, .multi-column-dropdown-wrap .master-active .label svg {
|
|
12134
12342
|
height: 2rem;
|
|
12135
12343
|
width: 2rem; }
|
|
12344
|
+
.multi-column-dropdown-wrap .master input[type=text]:disabled, .multi-column-dropdown-wrap .master .checkbox-wrap .input-emp[type=text]:disabled, .checkbox-wrap .multi-column-dropdown-wrap .master .input-emp[type=text]:disabled, .multi-column-dropdown-wrap .master-active input[type=text]:disabled, .multi-column-dropdown-wrap .master-active .checkbox-wrap .input-emp[type=text]:disabled, .checkbox-wrap .multi-column-dropdown-wrap .master-active .input-emp[type=text]:disabled {
|
|
12345
|
+
opacity: .5;
|
|
12346
|
+
cursor: not-allowed; }
|
|
12347
|
+
.multi-column-dropdown-wrap .master.disabled, .multi-column-dropdown-wrap .master-active.disabled {
|
|
12348
|
+
opacity: .8; }
|
|
12136
12349
|
.multi-column-dropdown-wrap .master:hover, .multi-column-dropdown-wrap .master-active:hover {
|
|
12137
12350
|
border-color: #a82227; }
|
|
12138
12351
|
.multi-column-dropdown-wrap .master-active {
|