@incursa/ui-kit 0.2.1 → 0.3.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.
- package/README.md +20 -10
- package/dist/inc-design-language.css +328 -61
- package/dist/inc-design-language.css.map +1 -1
- package/dist/inc-design-language.js +128 -0
- package/dist/inc-design-language.min.css +1 -1
- package/dist/inc-design-language.min.css.map +1 -1
- package/package.json +5 -1
- package/src/inc-design-language.js +128 -0
- package/src/inc-design-language.scss +256 -8
|
@@ -4292,7 +4292,7 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
4292
4292
|
.navbar-expand-sm .navbar-toggler, .inc-navbar--expand-sm .navbar-toggler, .navbar-expand-sm .inc-navbar__toggler, .inc-navbar--expand-sm .inc-navbar__toggler {
|
|
4293
4293
|
display: none;
|
|
4294
4294
|
}
|
|
4295
|
-
.navbar-expand-sm .offcanvas, .
|
|
4295
|
+
.navbar-expand-sm .offcanvas, .inc-navbar--expand-sm .offcanvas {
|
|
4296
4296
|
position: static;
|
|
4297
4297
|
z-index: auto;
|
|
4298
4298
|
flex-grow: 1;
|
|
@@ -4305,10 +4305,10 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
4305
4305
|
box-shadow: none;
|
|
4306
4306
|
transition: none;
|
|
4307
4307
|
}
|
|
4308
|
-
.navbar-expand-sm .offcanvas .offcanvas-header, .
|
|
4308
|
+
.navbar-expand-sm .offcanvas .offcanvas-header, .inc-navbar--expand-sm .offcanvas .offcanvas-header {
|
|
4309
4309
|
display: none;
|
|
4310
4310
|
}
|
|
4311
|
-
.navbar-expand-sm .offcanvas .offcanvas-body, .
|
|
4311
|
+
.navbar-expand-sm .offcanvas .offcanvas-body, .inc-navbar--expand-sm .offcanvas .offcanvas-body {
|
|
4312
4312
|
display: flex;
|
|
4313
4313
|
flex-grow: 0;
|
|
4314
4314
|
padding: 0;
|
|
@@ -4340,7 +4340,7 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
4340
4340
|
.navbar-expand-md .navbar-toggler, .inc-navbar--expand-md .navbar-toggler, .navbar-expand-md .inc-navbar__toggler, .inc-navbar--expand-md .inc-navbar__toggler {
|
|
4341
4341
|
display: none;
|
|
4342
4342
|
}
|
|
4343
|
-
.navbar-expand-md .offcanvas, .
|
|
4343
|
+
.navbar-expand-md .offcanvas, .inc-navbar--expand-md .offcanvas {
|
|
4344
4344
|
position: static;
|
|
4345
4345
|
z-index: auto;
|
|
4346
4346
|
flex-grow: 1;
|
|
@@ -4353,10 +4353,10 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
4353
4353
|
box-shadow: none;
|
|
4354
4354
|
transition: none;
|
|
4355
4355
|
}
|
|
4356
|
-
.navbar-expand-md .offcanvas .offcanvas-header, .
|
|
4356
|
+
.navbar-expand-md .offcanvas .offcanvas-header, .inc-navbar--expand-md .offcanvas .offcanvas-header {
|
|
4357
4357
|
display: none;
|
|
4358
4358
|
}
|
|
4359
|
-
.navbar-expand-md .offcanvas .offcanvas-body, .
|
|
4359
|
+
.navbar-expand-md .offcanvas .offcanvas-body, .inc-navbar--expand-md .offcanvas .offcanvas-body {
|
|
4360
4360
|
display: flex;
|
|
4361
4361
|
flex-grow: 0;
|
|
4362
4362
|
padding: 0;
|
|
@@ -4388,7 +4388,7 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
4388
4388
|
.navbar-expand-lg .navbar-toggler, .inc-navbar--expand-lg .navbar-toggler, .navbar-expand-lg .inc-navbar__toggler, .inc-navbar--expand-lg .inc-navbar__toggler {
|
|
4389
4389
|
display: none;
|
|
4390
4390
|
}
|
|
4391
|
-
.navbar-expand-lg .offcanvas, .
|
|
4391
|
+
.navbar-expand-lg .offcanvas, .inc-navbar--expand-lg .offcanvas {
|
|
4392
4392
|
position: static;
|
|
4393
4393
|
z-index: auto;
|
|
4394
4394
|
flex-grow: 1;
|
|
@@ -4401,10 +4401,10 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
4401
4401
|
box-shadow: none;
|
|
4402
4402
|
transition: none;
|
|
4403
4403
|
}
|
|
4404
|
-
.navbar-expand-lg .offcanvas .offcanvas-header, .
|
|
4404
|
+
.navbar-expand-lg .offcanvas .offcanvas-header, .inc-navbar--expand-lg .offcanvas .offcanvas-header {
|
|
4405
4405
|
display: none;
|
|
4406
4406
|
}
|
|
4407
|
-
.navbar-expand-lg .offcanvas .offcanvas-body, .
|
|
4407
|
+
.navbar-expand-lg .offcanvas .offcanvas-body, .inc-navbar--expand-lg .offcanvas .offcanvas-body {
|
|
4408
4408
|
display: flex;
|
|
4409
4409
|
flex-grow: 0;
|
|
4410
4410
|
padding: 0;
|
|
@@ -4436,7 +4436,7 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
4436
4436
|
.navbar-expand-xl .navbar-toggler, .inc-navbar-expand-xl .navbar-toggler, .navbar-expand-xl .inc-navbar__toggler, .inc-navbar-expand-xl .inc-navbar__toggler {
|
|
4437
4437
|
display: none;
|
|
4438
4438
|
}
|
|
4439
|
-
.navbar-expand-xl .offcanvas, .
|
|
4439
|
+
.navbar-expand-xl .offcanvas, .inc-navbar-expand-xl .offcanvas {
|
|
4440
4440
|
position: static;
|
|
4441
4441
|
z-index: auto;
|
|
4442
4442
|
flex-grow: 1;
|
|
@@ -4449,10 +4449,10 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
4449
4449
|
box-shadow: none;
|
|
4450
4450
|
transition: none;
|
|
4451
4451
|
}
|
|
4452
|
-
.navbar-expand-xl .offcanvas .offcanvas-header, .
|
|
4452
|
+
.navbar-expand-xl .offcanvas .offcanvas-header, .inc-navbar-expand-xl .offcanvas .offcanvas-header {
|
|
4453
4453
|
display: none;
|
|
4454
4454
|
}
|
|
4455
|
-
.navbar-expand-xl .offcanvas .offcanvas-body, .
|
|
4455
|
+
.navbar-expand-xl .offcanvas .offcanvas-body, .inc-navbar-expand-xl .offcanvas .offcanvas-body {
|
|
4456
4456
|
display: flex;
|
|
4457
4457
|
flex-grow: 0;
|
|
4458
4458
|
padding: 0;
|
|
@@ -4484,7 +4484,7 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
4484
4484
|
.navbar-expand-xxl .navbar-toggler, .inc-navbar-expand-xxl .navbar-toggler, .navbar-expand-xxl .inc-navbar__toggler, .inc-navbar-expand-xxl .inc-navbar__toggler {
|
|
4485
4485
|
display: none;
|
|
4486
4486
|
}
|
|
4487
|
-
.navbar-expand-xxl .offcanvas, .
|
|
4487
|
+
.navbar-expand-xxl .offcanvas, .inc-navbar-expand-xxl .offcanvas {
|
|
4488
4488
|
position: static;
|
|
4489
4489
|
z-index: auto;
|
|
4490
4490
|
flex-grow: 1;
|
|
@@ -4497,10 +4497,10 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
4497
4497
|
box-shadow: none;
|
|
4498
4498
|
transition: none;
|
|
4499
4499
|
}
|
|
4500
|
-
.navbar-expand-xxl .offcanvas .offcanvas-header, .
|
|
4500
|
+
.navbar-expand-xxl .offcanvas .offcanvas-header, .inc-navbar-expand-xxl .offcanvas .offcanvas-header {
|
|
4501
4501
|
display: none;
|
|
4502
4502
|
}
|
|
4503
|
-
.navbar-expand-xxl .offcanvas .offcanvas-body, .
|
|
4503
|
+
.navbar-expand-xxl .offcanvas .offcanvas-body, .inc-navbar-expand-xxl .offcanvas .offcanvas-body {
|
|
4504
4504
|
display: flex;
|
|
4505
4505
|
flex-grow: 0;
|
|
4506
4506
|
padding: 0;
|
|
@@ -4531,7 +4531,7 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
4531
4531
|
.navbar-expand .navbar-toggler, .navbar-expand .inc-navbar__toggler {
|
|
4532
4532
|
display: none;
|
|
4533
4533
|
}
|
|
4534
|
-
.navbar-expand .offcanvas
|
|
4534
|
+
.navbar-expand .offcanvas {
|
|
4535
4535
|
position: static;
|
|
4536
4536
|
z-index: auto;
|
|
4537
4537
|
flex-grow: 1;
|
|
@@ -4544,10 +4544,10 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
4544
4544
|
box-shadow: none;
|
|
4545
4545
|
transition: none;
|
|
4546
4546
|
}
|
|
4547
|
-
.navbar-expand .offcanvas .offcanvas-header
|
|
4547
|
+
.navbar-expand .offcanvas .offcanvas-header {
|
|
4548
4548
|
display: none;
|
|
4549
4549
|
}
|
|
4550
|
-
.navbar-expand .offcanvas .offcanvas-body
|
|
4550
|
+
.navbar-expand .offcanvas .offcanvas-body {
|
|
4551
4551
|
display: flex;
|
|
4552
4552
|
flex-grow: 0;
|
|
4553
4553
|
padding: 0;
|
|
@@ -6518,7 +6518,7 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
6518
6518
|
--bs-spinner-animation-speed: 1.5s;
|
|
6519
6519
|
}
|
|
6520
6520
|
}
|
|
6521
|
-
.offcanvas, .
|
|
6521
|
+
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
|
|
6522
6522
|
--bs-offcanvas-zindex: 1045;
|
|
6523
6523
|
--bs-offcanvas-width: 400px;
|
|
6524
6524
|
--bs-offcanvas-height: 30vh;
|
|
@@ -6556,21 +6556,21 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
6556
6556
|
}
|
|
6557
6557
|
}
|
|
6558
6558
|
@media (max-width: 575.98px) {
|
|
6559
|
-
.offcanvas-sm.offcanvas-start
|
|
6559
|
+
.offcanvas-sm.offcanvas-start {
|
|
6560
6560
|
top: 0;
|
|
6561
6561
|
left: 0;
|
|
6562
6562
|
width: var(--bs-offcanvas-width);
|
|
6563
6563
|
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
6564
6564
|
transform: translateX(-100%);
|
|
6565
6565
|
}
|
|
6566
|
-
.offcanvas-sm.offcanvas-end
|
|
6566
|
+
.offcanvas-sm.offcanvas-end {
|
|
6567
6567
|
top: 0;
|
|
6568
6568
|
right: 0;
|
|
6569
6569
|
width: var(--bs-offcanvas-width);
|
|
6570
6570
|
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
6571
6571
|
transform: translateX(100%);
|
|
6572
6572
|
}
|
|
6573
|
-
.offcanvas-sm.offcanvas-top
|
|
6573
|
+
.offcanvas-sm.offcanvas-top {
|
|
6574
6574
|
top: 0;
|
|
6575
6575
|
right: 0;
|
|
6576
6576
|
left: 0;
|
|
@@ -6579,7 +6579,7 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
6579
6579
|
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
6580
6580
|
transform: translateY(-100%);
|
|
6581
6581
|
}
|
|
6582
|
-
.offcanvas-sm.offcanvas-bottom
|
|
6582
|
+
.offcanvas-sm.offcanvas-bottom {
|
|
6583
6583
|
right: 0;
|
|
6584
6584
|
left: 0;
|
|
6585
6585
|
height: var(--bs-offcanvas-height);
|
|
@@ -6600,10 +6600,10 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
6600
6600
|
--bs-offcanvas-border-width: 0;
|
|
6601
6601
|
background-color: transparent !important;
|
|
6602
6602
|
}
|
|
6603
|
-
.offcanvas-sm .offcanvas-header
|
|
6603
|
+
.offcanvas-sm .offcanvas-header {
|
|
6604
6604
|
display: none;
|
|
6605
6605
|
}
|
|
6606
|
-
.offcanvas-sm .offcanvas-body
|
|
6606
|
+
.offcanvas-sm .offcanvas-body {
|
|
6607
6607
|
display: flex;
|
|
6608
6608
|
flex-grow: 0;
|
|
6609
6609
|
padding: 0;
|
|
@@ -6635,21 +6635,21 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
6635
6635
|
}
|
|
6636
6636
|
}
|
|
6637
6637
|
@media (max-width: 767.98px) {
|
|
6638
|
-
.offcanvas-md.offcanvas-start
|
|
6638
|
+
.offcanvas-md.offcanvas-start {
|
|
6639
6639
|
top: 0;
|
|
6640
6640
|
left: 0;
|
|
6641
6641
|
width: var(--bs-offcanvas-width);
|
|
6642
6642
|
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
6643
6643
|
transform: translateX(-100%);
|
|
6644
6644
|
}
|
|
6645
|
-
.offcanvas-md.offcanvas-end
|
|
6645
|
+
.offcanvas-md.offcanvas-end {
|
|
6646
6646
|
top: 0;
|
|
6647
6647
|
right: 0;
|
|
6648
6648
|
width: var(--bs-offcanvas-width);
|
|
6649
6649
|
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
6650
6650
|
transform: translateX(100%);
|
|
6651
6651
|
}
|
|
6652
|
-
.offcanvas-md.offcanvas-top
|
|
6652
|
+
.offcanvas-md.offcanvas-top {
|
|
6653
6653
|
top: 0;
|
|
6654
6654
|
right: 0;
|
|
6655
6655
|
left: 0;
|
|
@@ -6658,7 +6658,7 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
6658
6658
|
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
6659
6659
|
transform: translateY(-100%);
|
|
6660
6660
|
}
|
|
6661
|
-
.offcanvas-md.offcanvas-bottom
|
|
6661
|
+
.offcanvas-md.offcanvas-bottom {
|
|
6662
6662
|
right: 0;
|
|
6663
6663
|
left: 0;
|
|
6664
6664
|
height: var(--bs-offcanvas-height);
|
|
@@ -6679,10 +6679,10 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
6679
6679
|
--bs-offcanvas-border-width: 0;
|
|
6680
6680
|
background-color: transparent !important;
|
|
6681
6681
|
}
|
|
6682
|
-
.offcanvas-md .offcanvas-header
|
|
6682
|
+
.offcanvas-md .offcanvas-header {
|
|
6683
6683
|
display: none;
|
|
6684
6684
|
}
|
|
6685
|
-
.offcanvas-md .offcanvas-body
|
|
6685
|
+
.offcanvas-md .offcanvas-body {
|
|
6686
6686
|
display: flex;
|
|
6687
6687
|
flex-grow: 0;
|
|
6688
6688
|
padding: 0;
|
|
@@ -6714,21 +6714,21 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
6714
6714
|
}
|
|
6715
6715
|
}
|
|
6716
6716
|
@media (max-width: 991.98px) {
|
|
6717
|
-
.offcanvas-lg.offcanvas-start
|
|
6717
|
+
.offcanvas-lg.offcanvas-start {
|
|
6718
6718
|
top: 0;
|
|
6719
6719
|
left: 0;
|
|
6720
6720
|
width: var(--bs-offcanvas-width);
|
|
6721
6721
|
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
6722
6722
|
transform: translateX(-100%);
|
|
6723
6723
|
}
|
|
6724
|
-
.offcanvas-lg.offcanvas-end
|
|
6724
|
+
.offcanvas-lg.offcanvas-end {
|
|
6725
6725
|
top: 0;
|
|
6726
6726
|
right: 0;
|
|
6727
6727
|
width: var(--bs-offcanvas-width);
|
|
6728
6728
|
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
6729
6729
|
transform: translateX(100%);
|
|
6730
6730
|
}
|
|
6731
|
-
.offcanvas-lg.offcanvas-top
|
|
6731
|
+
.offcanvas-lg.offcanvas-top {
|
|
6732
6732
|
top: 0;
|
|
6733
6733
|
right: 0;
|
|
6734
6734
|
left: 0;
|
|
@@ -6737,7 +6737,7 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
6737
6737
|
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
6738
6738
|
transform: translateY(-100%);
|
|
6739
6739
|
}
|
|
6740
|
-
.offcanvas-lg.offcanvas-bottom
|
|
6740
|
+
.offcanvas-lg.offcanvas-bottom {
|
|
6741
6741
|
right: 0;
|
|
6742
6742
|
left: 0;
|
|
6743
6743
|
height: var(--bs-offcanvas-height);
|
|
@@ -6758,10 +6758,10 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
6758
6758
|
--bs-offcanvas-border-width: 0;
|
|
6759
6759
|
background-color: transparent !important;
|
|
6760
6760
|
}
|
|
6761
|
-
.offcanvas-lg .offcanvas-header
|
|
6761
|
+
.offcanvas-lg .offcanvas-header {
|
|
6762
6762
|
display: none;
|
|
6763
6763
|
}
|
|
6764
|
-
.offcanvas-lg .offcanvas-body
|
|
6764
|
+
.offcanvas-lg .offcanvas-body {
|
|
6765
6765
|
display: flex;
|
|
6766
6766
|
flex-grow: 0;
|
|
6767
6767
|
padding: 0;
|
|
@@ -6793,21 +6793,21 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
6793
6793
|
}
|
|
6794
6794
|
}
|
|
6795
6795
|
@media (max-width: 1199.98px) {
|
|
6796
|
-
.offcanvas-xl.offcanvas-start
|
|
6796
|
+
.offcanvas-xl.offcanvas-start {
|
|
6797
6797
|
top: 0;
|
|
6798
6798
|
left: 0;
|
|
6799
6799
|
width: var(--bs-offcanvas-width);
|
|
6800
6800
|
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
6801
6801
|
transform: translateX(-100%);
|
|
6802
6802
|
}
|
|
6803
|
-
.offcanvas-xl.offcanvas-end
|
|
6803
|
+
.offcanvas-xl.offcanvas-end {
|
|
6804
6804
|
top: 0;
|
|
6805
6805
|
right: 0;
|
|
6806
6806
|
width: var(--bs-offcanvas-width);
|
|
6807
6807
|
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
6808
6808
|
transform: translateX(100%);
|
|
6809
6809
|
}
|
|
6810
|
-
.offcanvas-xl.offcanvas-top
|
|
6810
|
+
.offcanvas-xl.offcanvas-top {
|
|
6811
6811
|
top: 0;
|
|
6812
6812
|
right: 0;
|
|
6813
6813
|
left: 0;
|
|
@@ -6816,7 +6816,7 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
6816
6816
|
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
6817
6817
|
transform: translateY(-100%);
|
|
6818
6818
|
}
|
|
6819
|
-
.offcanvas-xl.offcanvas-bottom
|
|
6819
|
+
.offcanvas-xl.offcanvas-bottom {
|
|
6820
6820
|
right: 0;
|
|
6821
6821
|
left: 0;
|
|
6822
6822
|
height: var(--bs-offcanvas-height);
|
|
@@ -6837,10 +6837,10 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
6837
6837
|
--bs-offcanvas-border-width: 0;
|
|
6838
6838
|
background-color: transparent !important;
|
|
6839
6839
|
}
|
|
6840
|
-
.offcanvas-xl .offcanvas-header
|
|
6840
|
+
.offcanvas-xl .offcanvas-header {
|
|
6841
6841
|
display: none;
|
|
6842
6842
|
}
|
|
6843
|
-
.offcanvas-xl .offcanvas-body
|
|
6843
|
+
.offcanvas-xl .offcanvas-body {
|
|
6844
6844
|
display: flex;
|
|
6845
6845
|
flex-grow: 0;
|
|
6846
6846
|
padding: 0;
|
|
@@ -6872,21 +6872,21 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
6872
6872
|
}
|
|
6873
6873
|
}
|
|
6874
6874
|
@media (max-width: 1399.98px) {
|
|
6875
|
-
.offcanvas-xxl.offcanvas-start
|
|
6875
|
+
.offcanvas-xxl.offcanvas-start {
|
|
6876
6876
|
top: 0;
|
|
6877
6877
|
left: 0;
|
|
6878
6878
|
width: var(--bs-offcanvas-width);
|
|
6879
6879
|
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
6880
6880
|
transform: translateX(-100%);
|
|
6881
6881
|
}
|
|
6882
|
-
.offcanvas-xxl.offcanvas-end
|
|
6882
|
+
.offcanvas-xxl.offcanvas-end {
|
|
6883
6883
|
top: 0;
|
|
6884
6884
|
right: 0;
|
|
6885
6885
|
width: var(--bs-offcanvas-width);
|
|
6886
6886
|
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
6887
6887
|
transform: translateX(100%);
|
|
6888
6888
|
}
|
|
6889
|
-
.offcanvas-xxl.offcanvas-top
|
|
6889
|
+
.offcanvas-xxl.offcanvas-top {
|
|
6890
6890
|
top: 0;
|
|
6891
6891
|
right: 0;
|
|
6892
6892
|
left: 0;
|
|
@@ -6895,7 +6895,7 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
6895
6895
|
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
6896
6896
|
transform: translateY(-100%);
|
|
6897
6897
|
}
|
|
6898
|
-
.offcanvas-xxl.offcanvas-bottom
|
|
6898
|
+
.offcanvas-xxl.offcanvas-bottom {
|
|
6899
6899
|
right: 0;
|
|
6900
6900
|
left: 0;
|
|
6901
6901
|
height: var(--bs-offcanvas-height);
|
|
@@ -6916,10 +6916,10 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
6916
6916
|
--bs-offcanvas-border-width: 0;
|
|
6917
6917
|
background-color: transparent !important;
|
|
6918
6918
|
}
|
|
6919
|
-
.offcanvas-xxl .offcanvas-header
|
|
6919
|
+
.offcanvas-xxl .offcanvas-header {
|
|
6920
6920
|
display: none;
|
|
6921
6921
|
}
|
|
6922
|
-
.offcanvas-xxl .offcanvas-body
|
|
6922
|
+
.offcanvas-xxl .offcanvas-body {
|
|
6923
6923
|
display: flex;
|
|
6924
6924
|
flex-grow: 0;
|
|
6925
6925
|
padding: 0;
|
|
@@ -6928,7 +6928,7 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
6928
6928
|
}
|
|
6929
6929
|
}
|
|
6930
6930
|
|
|
6931
|
-
.offcanvas
|
|
6931
|
+
.offcanvas {
|
|
6932
6932
|
position: fixed;
|
|
6933
6933
|
bottom: 0;
|
|
6934
6934
|
z-index: var(--bs-offcanvas-zindex);
|
|
@@ -6944,25 +6944,25 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
6944
6944
|
transition: var(--bs-offcanvas-transition);
|
|
6945
6945
|
}
|
|
6946
6946
|
@media (prefers-reduced-motion: reduce) {
|
|
6947
|
-
.offcanvas
|
|
6947
|
+
.offcanvas {
|
|
6948
6948
|
transition: none;
|
|
6949
6949
|
}
|
|
6950
6950
|
}
|
|
6951
|
-
.offcanvas.offcanvas-start
|
|
6951
|
+
.offcanvas.offcanvas-start {
|
|
6952
6952
|
top: 0;
|
|
6953
6953
|
left: 0;
|
|
6954
6954
|
width: var(--bs-offcanvas-width);
|
|
6955
6955
|
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
6956
6956
|
transform: translateX(-100%);
|
|
6957
6957
|
}
|
|
6958
|
-
.offcanvas.offcanvas-end
|
|
6958
|
+
.offcanvas.offcanvas-end {
|
|
6959
6959
|
top: 0;
|
|
6960
6960
|
right: 0;
|
|
6961
6961
|
width: var(--bs-offcanvas-width);
|
|
6962
6962
|
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
6963
6963
|
transform: translateX(100%);
|
|
6964
6964
|
}
|
|
6965
|
-
.offcanvas.offcanvas-top
|
|
6965
|
+
.offcanvas.offcanvas-top {
|
|
6966
6966
|
top: 0;
|
|
6967
6967
|
right: 0;
|
|
6968
6968
|
left: 0;
|
|
@@ -6971,7 +6971,7 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
6971
6971
|
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
6972
6972
|
transform: translateY(-100%);
|
|
6973
6973
|
}
|
|
6974
|
-
.offcanvas.offcanvas-bottom
|
|
6974
|
+
.offcanvas.offcanvas-bottom {
|
|
6975
6975
|
right: 0;
|
|
6976
6976
|
left: 0;
|
|
6977
6977
|
height: var(--bs-offcanvas-height);
|
|
@@ -6979,10 +6979,10 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
6979
6979
|
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
6980
6980
|
transform: translateY(100%);
|
|
6981
6981
|
}
|
|
6982
|
-
.offcanvas.showing, .
|
|
6982
|
+
.offcanvas.showing, .offcanvas.show:not(.hiding) {
|
|
6983
6983
|
transform: none;
|
|
6984
6984
|
}
|
|
6985
|
-
.offcanvas.showing, .
|
|
6985
|
+
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
|
|
6986
6986
|
visibility: visible;
|
|
6987
6987
|
}
|
|
6988
6988
|
|
|
@@ -7002,12 +7002,12 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
7002
7002
|
opacity: 0.5;
|
|
7003
7003
|
}
|
|
7004
7004
|
|
|
7005
|
-
.offcanvas-header
|
|
7005
|
+
.offcanvas-header {
|
|
7006
7006
|
display: flex;
|
|
7007
7007
|
align-items: center;
|
|
7008
7008
|
padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
|
|
7009
7009
|
}
|
|
7010
|
-
.offcanvas-header .btn-close, .
|
|
7010
|
+
.offcanvas-header .btn-close, .offcanvas-header .inc-close-button {
|
|
7011
7011
|
padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
|
|
7012
7012
|
margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
|
|
7013
7013
|
margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
|
|
@@ -7015,12 +7015,12 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
7015
7015
|
margin-left: auto;
|
|
7016
7016
|
}
|
|
7017
7017
|
|
|
7018
|
-
.offcanvas-title
|
|
7018
|
+
.offcanvas-title {
|
|
7019
7019
|
margin-bottom: 0;
|
|
7020
7020
|
line-height: var(--bs-offcanvas-title-line-height);
|
|
7021
7021
|
}
|
|
7022
7022
|
|
|
7023
|
-
.offcanvas-body
|
|
7023
|
+
.offcanvas-body {
|
|
7024
7024
|
flex-grow: 1;
|
|
7025
7025
|
padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
|
|
7026
7026
|
overflow-y: auto;
|
|
@@ -12372,6 +12372,99 @@ textarea.form-control-lg, textarea.inc-form__control--lg {
|
|
|
12372
12372
|
color: var(--bs-secondary-color);
|
|
12373
12373
|
}
|
|
12374
12374
|
|
|
12375
|
+
.inc-u-stack-xs > * + * {
|
|
12376
|
+
margin-top: 0.25rem !important;
|
|
12377
|
+
}
|
|
12378
|
+
|
|
12379
|
+
.inc-u-stack-sm > * + * {
|
|
12380
|
+
margin-top: 0.5rem !important;
|
|
12381
|
+
}
|
|
12382
|
+
|
|
12383
|
+
.inc-u-stack-md > * + * {
|
|
12384
|
+
margin-top: 1rem !important;
|
|
12385
|
+
}
|
|
12386
|
+
|
|
12387
|
+
.inc-u-stack-lg > * + * {
|
|
12388
|
+
margin-top: 1.5rem !important;
|
|
12389
|
+
}
|
|
12390
|
+
|
|
12391
|
+
.inc-u-gap-xs {
|
|
12392
|
+
gap: 0.25rem !important;
|
|
12393
|
+
}
|
|
12394
|
+
|
|
12395
|
+
.inc-u-gap-sm {
|
|
12396
|
+
gap: 0.5rem !important;
|
|
12397
|
+
}
|
|
12398
|
+
|
|
12399
|
+
.inc-u-gap-md {
|
|
12400
|
+
gap: 1rem !important;
|
|
12401
|
+
}
|
|
12402
|
+
|
|
12403
|
+
.inc-u-gap-lg {
|
|
12404
|
+
gap: 1.5rem !important;
|
|
12405
|
+
}
|
|
12406
|
+
|
|
12407
|
+
.inc-u-p-0 {
|
|
12408
|
+
padding: 0 !important;
|
|
12409
|
+
}
|
|
12410
|
+
|
|
12411
|
+
.inc-u-p-xs {
|
|
12412
|
+
padding: 0.25rem !important;
|
|
12413
|
+
}
|
|
12414
|
+
|
|
12415
|
+
.inc-u-p-sm {
|
|
12416
|
+
padding: 0.5rem !important;
|
|
12417
|
+
}
|
|
12418
|
+
|
|
12419
|
+
.inc-u-p-md {
|
|
12420
|
+
padding: 1rem !important;
|
|
12421
|
+
}
|
|
12422
|
+
|
|
12423
|
+
.inc-u-p-lg {
|
|
12424
|
+
padding: 1.5rem !important;
|
|
12425
|
+
}
|
|
12426
|
+
|
|
12427
|
+
.inc-u-px-md {
|
|
12428
|
+
padding-inline: 1rem !important;
|
|
12429
|
+
}
|
|
12430
|
+
|
|
12431
|
+
.inc-u-py-md {
|
|
12432
|
+
padding-block: 1rem !important;
|
|
12433
|
+
}
|
|
12434
|
+
|
|
12435
|
+
.inc-u-hidden {
|
|
12436
|
+
display: none !important;
|
|
12437
|
+
}
|
|
12438
|
+
|
|
12439
|
+
@media (max-width: 767.98px) {
|
|
12440
|
+
.inc-u-hidden-mobile {
|
|
12441
|
+
display: none !important;
|
|
12442
|
+
}
|
|
12443
|
+
}
|
|
12444
|
+
|
|
12445
|
+
@media (min-width: 992px) {
|
|
12446
|
+
.inc-u-hidden-desktop {
|
|
12447
|
+
display: none !important;
|
|
12448
|
+
}
|
|
12449
|
+
}
|
|
12450
|
+
|
|
12451
|
+
.inc-u-visually-hidden {
|
|
12452
|
+
width: 1px !important;
|
|
12453
|
+
height: 1px !important;
|
|
12454
|
+
padding: 0 !important;
|
|
12455
|
+
margin: -1px !important;
|
|
12456
|
+
overflow: hidden !important;
|
|
12457
|
+
clip: rect(0, 0, 0, 0) !important;
|
|
12458
|
+
white-space: nowrap !important;
|
|
12459
|
+
border: 0 !important;
|
|
12460
|
+
}
|
|
12461
|
+
.inc-u-visually-hidden:not(caption) {
|
|
12462
|
+
position: absolute !important;
|
|
12463
|
+
}
|
|
12464
|
+
.inc-u-visually-hidden * {
|
|
12465
|
+
overflow: hidden !important;
|
|
12466
|
+
}
|
|
12467
|
+
|
|
12375
12468
|
.inc-btn--success {
|
|
12376
12469
|
color: #ffffff;
|
|
12377
12470
|
}
|
|
@@ -14065,6 +14158,67 @@ dialog.inc-native-dialog::backdrop {
|
|
|
14065
14158
|
font-size: 0.8125rem;
|
|
14066
14159
|
line-height: 1.4;
|
|
14067
14160
|
}
|
|
14161
|
+
.inc-table--review-grid thead th {
|
|
14162
|
+
font-size: 0.75rem;
|
|
14163
|
+
letter-spacing: 0.06em;
|
|
14164
|
+
text-transform: uppercase;
|
|
14165
|
+
}
|
|
14166
|
+
.inc-table--review-grid tbody td,
|
|
14167
|
+
.inc-table--review-grid tbody th {
|
|
14168
|
+
padding-block: 0.625rem;
|
|
14169
|
+
font-size: 0.8125rem;
|
|
14170
|
+
line-height: 1.45;
|
|
14171
|
+
}
|
|
14172
|
+
.inc-table--review-grid tbody tr:hover > * {
|
|
14173
|
+
background: rgba(68, 89, 198, 0.035);
|
|
14174
|
+
}
|
|
14175
|
+
.inc-table--analytics-grid {
|
|
14176
|
+
border-color: rgba(219, 220, 220, 0.95);
|
|
14177
|
+
box-shadow: 0 1rem 2rem rgba(42, 49, 66, 0.05);
|
|
14178
|
+
}
|
|
14179
|
+
.inc-table--analytics-grid thead th {
|
|
14180
|
+
background-color: #f6f6f6;
|
|
14181
|
+
color: #121316;
|
|
14182
|
+
border-color: #dbdcdc;
|
|
14183
|
+
font-size: 0.75rem;
|
|
14184
|
+
letter-spacing: 0.08em;
|
|
14185
|
+
text-transform: uppercase;
|
|
14186
|
+
}
|
|
14187
|
+
.inc-table--analytics-grid tbody tr:nth-child(even) > * {
|
|
14188
|
+
background: rgba(68, 89, 198, 0.02);
|
|
14189
|
+
}
|
|
14190
|
+
.inc-table--analytics-grid .inc-table__cell--numeric,
|
|
14191
|
+
.inc-table--analytics-grid .inc-table__cell--numeric-small,
|
|
14192
|
+
.inc-table--analytics-grid .inc-table__header--right {
|
|
14193
|
+
color: #2a3142;
|
|
14194
|
+
font-weight: 600;
|
|
14195
|
+
}
|
|
14196
|
+
.inc-table--spreadsheet-grid {
|
|
14197
|
+
border-color: #dbdcdc;
|
|
14198
|
+
border-radius: 0.5rem;
|
|
14199
|
+
box-shadow: inset 0 0 0 1px rgba(219, 220, 220, 0.35);
|
|
14200
|
+
}
|
|
14201
|
+
.inc-table--spreadsheet-grid thead th {
|
|
14202
|
+
background-color: #eef2f7;
|
|
14203
|
+
color: #121316;
|
|
14204
|
+
border-color: #dbdcdc;
|
|
14205
|
+
font-size: 0.75rem;
|
|
14206
|
+
letter-spacing: 0.04em;
|
|
14207
|
+
}
|
|
14208
|
+
.inc-table--spreadsheet-grid thead th,
|
|
14209
|
+
.inc-table--spreadsheet-grid tbody td,
|
|
14210
|
+
.inc-table--spreadsheet-grid tbody th {
|
|
14211
|
+
padding: 0.5rem 0.625rem;
|
|
14212
|
+
}
|
|
14213
|
+
.inc-table--spreadsheet-grid tbody td,
|
|
14214
|
+
.inc-table--spreadsheet-grid tbody th {
|
|
14215
|
+
font-family: "IBM Plex Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
14216
|
+
font-size: 0.8125rem;
|
|
14217
|
+
line-height: 1.4;
|
|
14218
|
+
}
|
|
14219
|
+
.inc-table--spreadsheet-grid tbody tr:hover > * {
|
|
14220
|
+
background: rgba(68, 89, 198, 0.04);
|
|
14221
|
+
}
|
|
14068
14222
|
.inc-table__header--center,
|
|
14069
14223
|
.inc-table__header th.inc-table__header--center {
|
|
14070
14224
|
text-align: center;
|
|
@@ -14262,6 +14416,17 @@ dialog.inc-native-dialog::backdrop {
|
|
|
14262
14416
|
align-items: center;
|
|
14263
14417
|
justify-content: center;
|
|
14264
14418
|
pointer-events: none;
|
|
14419
|
+
opacity: 0;
|
|
14420
|
+
visibility: hidden;
|
|
14421
|
+
transition: opacity 0.2s ease, visibility 0.2s ease;
|
|
14422
|
+
}
|
|
14423
|
+
.inc-modal[hidden] {
|
|
14424
|
+
display: none !important;
|
|
14425
|
+
}
|
|
14426
|
+
.inc-modal.is-open {
|
|
14427
|
+
pointer-events: auto;
|
|
14428
|
+
opacity: 1;
|
|
14429
|
+
visibility: visible;
|
|
14265
14430
|
}
|
|
14266
14431
|
.inc-modal[style*="display: flex"], .inc-modal[style*="display:flex"] {
|
|
14267
14432
|
pointer-events: auto;
|
|
@@ -14373,6 +14538,108 @@ body.inc-modal-open {
|
|
|
14373
14538
|
z-index: 1070;
|
|
14374
14539
|
}
|
|
14375
14540
|
|
|
14541
|
+
.inc-offcanvas {
|
|
14542
|
+
position: fixed;
|
|
14543
|
+
z-index: 1060;
|
|
14544
|
+
display: flex;
|
|
14545
|
+
flex-direction: column;
|
|
14546
|
+
max-width: 100%;
|
|
14547
|
+
background: #ffffff;
|
|
14548
|
+
color: #121316;
|
|
14549
|
+
visibility: hidden;
|
|
14550
|
+
box-shadow: 0 1.25rem 2.5rem rgba(42, 49, 66, 0.18);
|
|
14551
|
+
transition: transform 0.25s ease, visibility 0.25s ease;
|
|
14552
|
+
}
|
|
14553
|
+
.inc-offcanvas.is-open {
|
|
14554
|
+
visibility: visible;
|
|
14555
|
+
}
|
|
14556
|
+
|
|
14557
|
+
.inc-offcanvas-start,
|
|
14558
|
+
.inc-offcanvas-end {
|
|
14559
|
+
top: 0;
|
|
14560
|
+
bottom: 0;
|
|
14561
|
+
width: min(34rem, 92vw);
|
|
14562
|
+
}
|
|
14563
|
+
|
|
14564
|
+
.inc-offcanvas-start {
|
|
14565
|
+
left: 0;
|
|
14566
|
+
transform: translateX(-100%);
|
|
14567
|
+
}
|
|
14568
|
+
.inc-offcanvas-start.is-open {
|
|
14569
|
+
transform: translateX(0);
|
|
14570
|
+
}
|
|
14571
|
+
|
|
14572
|
+
.inc-offcanvas-end {
|
|
14573
|
+
right: 0;
|
|
14574
|
+
transform: translateX(100%);
|
|
14575
|
+
}
|
|
14576
|
+
.inc-offcanvas-end.is-open {
|
|
14577
|
+
transform: translateX(0);
|
|
14578
|
+
}
|
|
14579
|
+
|
|
14580
|
+
.inc-offcanvas-top,
|
|
14581
|
+
.inc-offcanvas-bottom {
|
|
14582
|
+
left: 0;
|
|
14583
|
+
right: 0;
|
|
14584
|
+
height: min(24rem, 85vh);
|
|
14585
|
+
}
|
|
14586
|
+
|
|
14587
|
+
.inc-offcanvas-top {
|
|
14588
|
+
top: 0;
|
|
14589
|
+
transform: translateY(-100%);
|
|
14590
|
+
}
|
|
14591
|
+
.inc-offcanvas-top.is-open {
|
|
14592
|
+
transform: translateY(0);
|
|
14593
|
+
}
|
|
14594
|
+
|
|
14595
|
+
.inc-offcanvas-bottom {
|
|
14596
|
+
bottom: 0;
|
|
14597
|
+
transform: translateY(100%);
|
|
14598
|
+
}
|
|
14599
|
+
.inc-offcanvas-bottom.is-open {
|
|
14600
|
+
transform: translateY(0);
|
|
14601
|
+
}
|
|
14602
|
+
|
|
14603
|
+
.inc-offcanvas-backdrop {
|
|
14604
|
+
position: fixed;
|
|
14605
|
+
inset: 0;
|
|
14606
|
+
z-index: 1059;
|
|
14607
|
+
background: rgba(15, 20, 34, 0.46);
|
|
14608
|
+
opacity: 0;
|
|
14609
|
+
pointer-events: none;
|
|
14610
|
+
transition: opacity 0.2s ease;
|
|
14611
|
+
}
|
|
14612
|
+
.inc-offcanvas-backdrop.is-open {
|
|
14613
|
+
opacity: 1;
|
|
14614
|
+
pointer-events: auto;
|
|
14615
|
+
}
|
|
14616
|
+
|
|
14617
|
+
.inc-offcanvas-header {
|
|
14618
|
+
display: flex;
|
|
14619
|
+
align-items: flex-start;
|
|
14620
|
+
justify-content: space-between;
|
|
14621
|
+
gap: 1rem;
|
|
14622
|
+
padding: 1rem 1.25rem;
|
|
14623
|
+
border-bottom: 1px solid #dbdcdc;
|
|
14624
|
+
}
|
|
14625
|
+
|
|
14626
|
+
.inc-offcanvas-title {
|
|
14627
|
+
margin: 0;
|
|
14628
|
+
font-size: 1.125rem;
|
|
14629
|
+
font-weight: 600;
|
|
14630
|
+
line-height: 1.2;
|
|
14631
|
+
}
|
|
14632
|
+
|
|
14633
|
+
.inc-offcanvas-body {
|
|
14634
|
+
flex: 1 1 auto;
|
|
14635
|
+
padding: 1.25rem;
|
|
14636
|
+
overflow-y: auto;
|
|
14637
|
+
}
|
|
14638
|
+
|
|
14639
|
+
body.inc-offcanvas-open {
|
|
14640
|
+
overflow: hidden;
|
|
14641
|
+
}
|
|
14642
|
+
|
|
14376
14643
|
@keyframes inc-skeleton-shimmer {
|
|
14377
14644
|
0% {
|
|
14378
14645
|
background-position: 200% 0;
|