@clayui/css 3.42.0 → 3.43.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/lib/css/atlas.css +251 -126
- package/lib/css/atlas.css.map +1 -1
- package/lib/css/base.css +228 -105
- package/lib/css/base.css.map +1 -1
- package/lib/css/bootstrap.css.map +1 -1
- package/lib/css/cadmin.css +157 -174
- package/lib/css/cadmin.css.map +1 -1
- package/lib/images/icons/icons.svg +1 -1
- package/package.json +2 -2
- package/src/scss/atlas/variables/_buttons.scss +2 -31
- package/src/scss/atlas/variables/_navs.scss +20 -15
- package/src/scss/cadmin/components/_dropdowns.scss +4 -0
- package/src/scss/cadmin/components/_input-groups.scss +11 -313
- package/src/scss/cadmin/components/_navs.scss +23 -113
- package/src/scss/cadmin/components/_utilities-functional-important.scss +4 -3
- package/src/scss/cadmin/variables/_alerts.scss +3 -2
- package/src/scss/cadmin/variables/_dropdowns.scss +31 -2
- package/src/scss/cadmin/variables/_forms.scss +366 -5
- package/src/scss/cadmin/variables/_navs.scss +227 -52
- package/src/scss/components/_buttons.scss +87 -49
- package/src/scss/components/_dropdowns.scss +4 -0
- package/src/scss/components/_input-groups.scss +12 -308
- package/src/scss/components/_navs.scss +33 -128
- package/src/scss/mixins/_dropdown-menu.scss +427 -355
- package/src/scss/mixins/_forms.scss +67 -10
- package/src/scss/mixins/_input-groups.scss +405 -11
- package/src/scss/mixins/_labels.scss +320 -296
- package/src/scss/mixins/_nav.scss +202 -131
- package/src/scss/variables/_alerts.scss +1 -0
- package/src/scss/variables/_buttons.scss +26 -3
- package/src/scss/variables/_dropdowns.scss +31 -2
- package/src/scss/variables/_forms.scss +405 -22
- package/src/scss/variables/_navs.scss +223 -32
package/lib/css/base.css
CHANGED
|
@@ -1331,10 +1331,6 @@ input[type=button].btn-block {
|
|
|
1331
1331
|
padding: 0;
|
|
1332
1332
|
width: 100%;
|
|
1333
1333
|
}
|
|
1334
|
-
.btn-monospaced.btn .lexicon-icon {
|
|
1335
|
-
margin-top: 0;
|
|
1336
|
-
}
|
|
1337
|
-
|
|
1338
1334
|
.btn-group-vertical > .btn-monospaced.btn-lg, .btn-group-lg .btn-monospaced, .btn-monospaced.btn-lg {
|
|
1339
1335
|
height: 3rem;
|
|
1340
1336
|
width: 3rem;
|
|
@@ -1382,6 +1378,12 @@ input[type=button].btn-block {
|
|
|
1382
1378
|
border-color: #005cbf;
|
|
1383
1379
|
color: #fff;
|
|
1384
1380
|
}
|
|
1381
|
+
.form-file-input:focus + .btn-primary {
|
|
1382
|
+
background-color: #0069d9;
|
|
1383
|
+
border-color: #0062cc;
|
|
1384
|
+
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
|
|
1385
|
+
color: #fff;
|
|
1386
|
+
}
|
|
1385
1387
|
.btn-secondary {
|
|
1386
1388
|
background-color: #6c757d;
|
|
1387
1389
|
border-color: #6c757d;
|
|
@@ -1421,6 +1423,12 @@ input[type=button].btn-block {
|
|
|
1421
1423
|
border-color: #4e555b;
|
|
1422
1424
|
color: #fff;
|
|
1423
1425
|
}
|
|
1426
|
+
.form-file-input:focus + .btn-secondary {
|
|
1427
|
+
background-color: #5a6268;
|
|
1428
|
+
border-color: #545b62;
|
|
1429
|
+
box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
|
|
1430
|
+
color: #fff;
|
|
1431
|
+
}
|
|
1424
1432
|
.btn-success {
|
|
1425
1433
|
background-color: #28a745;
|
|
1426
1434
|
border-color: #28a745;
|
|
@@ -1460,6 +1468,12 @@ input[type=button].btn-block {
|
|
|
1460
1468
|
border-color: #1c7430;
|
|
1461
1469
|
color: #fff;
|
|
1462
1470
|
}
|
|
1471
|
+
.form-file-input:focus + .btn-success {
|
|
1472
|
+
background-color: #218838;
|
|
1473
|
+
border-color: #1e7e34;
|
|
1474
|
+
box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
|
|
1475
|
+
color: #fff;
|
|
1476
|
+
}
|
|
1463
1477
|
.btn-info {
|
|
1464
1478
|
background-color: #17a2b8;
|
|
1465
1479
|
border-color: #17a2b8;
|
|
@@ -1538,6 +1552,12 @@ input[type=button].btn-block {
|
|
|
1538
1552
|
border-color: #c69500;
|
|
1539
1553
|
color: #212529;
|
|
1540
1554
|
}
|
|
1555
|
+
.form-file-input:focus + .btn-warning {
|
|
1556
|
+
background-color: #e0a800;
|
|
1557
|
+
border-color: #d39e00;
|
|
1558
|
+
box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
|
|
1559
|
+
color: #212529;
|
|
1560
|
+
}
|
|
1541
1561
|
.btn-danger {
|
|
1542
1562
|
background-color: #dc3545;
|
|
1543
1563
|
border-color: #dc3545;
|
|
@@ -1577,6 +1597,12 @@ input[type=button].btn-block {
|
|
|
1577
1597
|
border-color: #b21f2d;
|
|
1578
1598
|
color: #fff;
|
|
1579
1599
|
}
|
|
1600
|
+
.form-file-input:focus + .btn-danger {
|
|
1601
|
+
background-color: #c82333;
|
|
1602
|
+
border-color: #bd2130;
|
|
1603
|
+
box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
|
|
1604
|
+
color: #fff;
|
|
1605
|
+
}
|
|
1580
1606
|
.btn-light {
|
|
1581
1607
|
background-color: #f8f9fa;
|
|
1582
1608
|
border-color: #f8f9fa;
|
|
@@ -1616,6 +1642,12 @@ input[type=button].btn-block {
|
|
|
1616
1642
|
border-color: #d3d9df;
|
|
1617
1643
|
color: #212529;
|
|
1618
1644
|
}
|
|
1645
|
+
.form-file-input:focus + .btn-light {
|
|
1646
|
+
background-color: #e2e6ea;
|
|
1647
|
+
border-color: #dae0e5;
|
|
1648
|
+
box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
|
|
1649
|
+
color: #212529;
|
|
1650
|
+
}
|
|
1619
1651
|
.btn-dark {
|
|
1620
1652
|
background-color: #343a40;
|
|
1621
1653
|
border-color: #343a40;
|
|
@@ -1655,6 +1687,12 @@ input[type=button].btn-block {
|
|
|
1655
1687
|
border-color: #171a1d;
|
|
1656
1688
|
color: #fff;
|
|
1657
1689
|
}
|
|
1690
|
+
.form-file-input:focus + .btn-dark {
|
|
1691
|
+
background-color: #23272b;
|
|
1692
|
+
border-color: #1d2124;
|
|
1693
|
+
box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
|
|
1694
|
+
color: #fff;
|
|
1695
|
+
}
|
|
1658
1696
|
.btn-link {
|
|
1659
1697
|
border-radius: 1px;
|
|
1660
1698
|
color: #007bff;
|
|
@@ -3263,6 +3301,7 @@ input[type=button].btn-block {
|
|
|
3263
3301
|
margin-bottom: 1rem;
|
|
3264
3302
|
padding: 0.75rem 1.25rem;
|
|
3265
3303
|
position: relative;
|
|
3304
|
+
white-space: normal;
|
|
3266
3305
|
overflow-wrap: break-word;
|
|
3267
3306
|
word-wrap: break-word;
|
|
3268
3307
|
}
|
|
@@ -6081,7 +6120,6 @@ input[type=button].btn-block {
|
|
|
6081
6120
|
position: relative;
|
|
6082
6121
|
text-align: inherit;
|
|
6083
6122
|
transition: none;
|
|
6084
|
-
white-space: normal;
|
|
6085
6123
|
width: 100%;
|
|
6086
6124
|
overflow-wrap: break-word;
|
|
6087
6125
|
word-wrap: break-word;
|
|
@@ -6145,6 +6183,23 @@ input[type=button].btn-block {
|
|
|
6145
6183
|
margin-top: -0.25rem;
|
|
6146
6184
|
width: auto;
|
|
6147
6185
|
}
|
|
6186
|
+
.dropdown-item.autofit-row {
|
|
6187
|
+
padding-left: 1rem;
|
|
6188
|
+
padding-right: 1rem;
|
|
6189
|
+
}
|
|
6190
|
+
.dropdown-item.autofit-row > .autofit-col {
|
|
6191
|
+
padding-left: 0.25rem;
|
|
6192
|
+
padding-right: 0.25rem;
|
|
6193
|
+
}
|
|
6194
|
+
.dropdown-item .autofit-row {
|
|
6195
|
+
margin-left: 0.25rem;
|
|
6196
|
+
margin-right: 0.25rem;
|
|
6197
|
+
width: auto;
|
|
6198
|
+
}
|
|
6199
|
+
.dropdown-item .autofit-row > .autofit-col {
|
|
6200
|
+
padding-left: 0.25rem;
|
|
6201
|
+
padding-right: 0.25rem;
|
|
6202
|
+
}
|
|
6148
6203
|
.dropdown-item .c-kbd-inline {
|
|
6149
6204
|
line-height: 1.5rem;
|
|
6150
6205
|
}
|
|
@@ -6608,6 +6663,10 @@ input[type=button].btn-block {
|
|
|
6608
6663
|
}
|
|
6609
6664
|
}
|
|
6610
6665
|
|
|
6666
|
+
.dropdown-menu-width-shrink {
|
|
6667
|
+
min-width: 0;
|
|
6668
|
+
white-space: nowrap;
|
|
6669
|
+
}
|
|
6611
6670
|
.dropdown-menu-width-full {
|
|
6612
6671
|
left: 12px !important;
|
|
6613
6672
|
right: 12px !important;
|
|
@@ -8866,7 +8925,6 @@ label.custom-control-label {
|
|
|
8866
8925
|
padding-right: 0.25rem;
|
|
8867
8926
|
background-color: transparent;
|
|
8868
8927
|
}
|
|
8869
|
-
|
|
8870
8928
|
.date-picker-dropdown-menu {
|
|
8871
8929
|
max-height: none;
|
|
8872
8930
|
max-width: 370px;
|
|
@@ -9631,15 +9689,36 @@ label.custom-control-label {
|
|
|
9631
9689
|
.input-group .btn-unstyled {
|
|
9632
9690
|
color: inherit;
|
|
9633
9691
|
}
|
|
9634
|
-
|
|
9635
9692
|
.input-group-item {
|
|
9636
9693
|
display: flex;
|
|
9637
9694
|
flex-grow: 1;
|
|
9638
9695
|
flex-wrap: wrap;
|
|
9639
9696
|
margin-left: 0.5rem;
|
|
9640
9697
|
width: 1%;
|
|
9698
|
+
overflow-wrap: break-word;
|
|
9641
9699
|
word-wrap: break-word;
|
|
9642
9700
|
}
|
|
9701
|
+
.input-group-item.focus {
|
|
9702
|
+
border-radius: 0.25rem;
|
|
9703
|
+
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
|
|
9704
|
+
}
|
|
9705
|
+
.input-group-item.focus.input-group-prepend {
|
|
9706
|
+
border-bottom-right-radius: 0;
|
|
9707
|
+
border-top-right-radius: 0;
|
|
9708
|
+
z-index: 1;
|
|
9709
|
+
}
|
|
9710
|
+
.input-group-item.focus.input-group-append {
|
|
9711
|
+
border-bottom-left-radius: 0;
|
|
9712
|
+
border-top-left-radius: 0;
|
|
9713
|
+
}
|
|
9714
|
+
.input-group-item.focus > .form-control {
|
|
9715
|
+
background-color: #fff;
|
|
9716
|
+
border-color: #80bdff;
|
|
9717
|
+
}
|
|
9718
|
+
.input-group-item.focus > .input-group-inset-item {
|
|
9719
|
+
background-color: #fff;
|
|
9720
|
+
border-color: #80bdff;
|
|
9721
|
+
}
|
|
9643
9722
|
.input-group-item:first-child {
|
|
9644
9723
|
margin-left: 0;
|
|
9645
9724
|
}
|
|
@@ -9649,25 +9728,24 @@ label.custom-control-label {
|
|
|
9649
9728
|
.input-group-item > .dropdown {
|
|
9650
9729
|
display: flex;
|
|
9651
9730
|
flex-wrap: wrap;
|
|
9731
|
+
overflow-wrap: break-word;
|
|
9652
9732
|
word-wrap: break-word;
|
|
9653
9733
|
width: 100%;
|
|
9654
9734
|
}
|
|
9655
|
-
|
|
9656
9735
|
.input-group-item-shrink {
|
|
9657
9736
|
flex-grow: 0;
|
|
9658
9737
|
width: auto;
|
|
9659
9738
|
}
|
|
9660
|
-
|
|
9661
9739
|
.input-group-text {
|
|
9662
9740
|
align-items: center;
|
|
9663
9741
|
background-color: #e9ecef;
|
|
9664
|
-
border-color: #ced4da;
|
|
9665
|
-
border-style: solid;
|
|
9666
9742
|
border-bottom-width: 0.0625rem;
|
|
9743
|
+
border-color: #ced4da;
|
|
9667
9744
|
border-left-width: 0.0625rem;
|
|
9745
|
+
border-radius: 0.25rem;
|
|
9668
9746
|
border-right-width: 0.0625rem;
|
|
9747
|
+
border-style: solid;
|
|
9669
9748
|
border-top-width: 0.0625rem;
|
|
9670
|
-
border-radius: 0.25rem;
|
|
9671
9749
|
color: #495057;
|
|
9672
9750
|
display: flex;
|
|
9673
9751
|
font-size: 1rem;
|
|
@@ -9687,18 +9765,19 @@ label.custom-control-label {
|
|
|
9687
9765
|
.input-group-text label {
|
|
9688
9766
|
color: #495057;
|
|
9689
9767
|
}
|
|
9690
|
-
.input-group-text
|
|
9691
|
-
|
|
9692
|
-
margin-top: 0;
|
|
9768
|
+
.input-group-text .custom-control {
|
|
9769
|
+
margin-bottom: 0;
|
|
9693
9770
|
}
|
|
9694
|
-
.input-group-text .custom-control,
|
|
9695
9771
|
.input-group-text .form-check {
|
|
9696
9772
|
margin-bottom: 0;
|
|
9697
9773
|
}
|
|
9774
|
+
.input-group-text .form-check input[type=radio],
|
|
9775
|
+
.input-group-text .form-check input[type=checkbox] {
|
|
9776
|
+
margin-top: 0;
|
|
9777
|
+
}
|
|
9698
9778
|
.input-group-text .lexicon-icon {
|
|
9699
9779
|
margin-top: 0;
|
|
9700
9780
|
}
|
|
9701
|
-
|
|
9702
9781
|
.input-group-text-secondary {
|
|
9703
9782
|
background-color: #6c757d;
|
|
9704
9783
|
border-color: #6c757d;
|
|
@@ -9709,7 +9788,6 @@ label.custom-control-label {
|
|
|
9709
9788
|
.input-group-text-secondary label {
|
|
9710
9789
|
color: #fff;
|
|
9711
9790
|
}
|
|
9712
|
-
|
|
9713
9791
|
@media (max-width: 575.98px) {
|
|
9714
9792
|
.input-group-stacked-sm-down > .input-group-item {
|
|
9715
9793
|
margin-bottom: 0.5rem;
|
|
@@ -9724,6 +9802,17 @@ label.custom-control-label {
|
|
|
9724
9802
|
|
|
9725
9803
|
.input-group-lg > .input-group-item > .btn {
|
|
9726
9804
|
font-size: 1.25rem;
|
|
9805
|
+
line-height: 1.5;
|
|
9806
|
+
padding-bottom: 0.5rem;
|
|
9807
|
+
padding-left: 1rem;
|
|
9808
|
+
padding-right: 1rem;
|
|
9809
|
+
padding-top: 0.5rem;
|
|
9810
|
+
}
|
|
9811
|
+
.input-group-lg > .input-group-item > .btn .c-inner {
|
|
9812
|
+
margin-bottom: -0.5rem;
|
|
9813
|
+
margin-left: -1rem;
|
|
9814
|
+
margin-right: -1rem;
|
|
9815
|
+
margin-top: -0.5rem;
|
|
9727
9816
|
}
|
|
9728
9817
|
.input-group-lg > .input-group-item > .btn .btn-section {
|
|
9729
9818
|
font-size: 0.8125rem;
|
|
@@ -9733,7 +9822,17 @@ label.custom-control-label {
|
|
|
9733
9822
|
line-height: 1;
|
|
9734
9823
|
width: 3rem;
|
|
9735
9824
|
}
|
|
9736
|
-
.input-group-lg > .input-group-item > .form-control
|
|
9825
|
+
.input-group-lg > .input-group-item > .form-control {
|
|
9826
|
+
border-radius: 0.3rem;
|
|
9827
|
+
font-size: 1.25rem;
|
|
9828
|
+
height: auto;
|
|
9829
|
+
line-height: 1.5;
|
|
9830
|
+
min-height: 3rem;
|
|
9831
|
+
padding-bottom: 0.5rem;
|
|
9832
|
+
padding-left: 1rem;
|
|
9833
|
+
padding-right: 1rem;
|
|
9834
|
+
padding-top: 0.5rem;
|
|
9835
|
+
}
|
|
9737
9836
|
.input-group-lg > .input-group-item > .form-file .btn {
|
|
9738
9837
|
border-radius: 0.3rem;
|
|
9739
9838
|
font-size: 1.25rem;
|
|
@@ -9744,6 +9843,12 @@ label.custom-control-label {
|
|
|
9744
9843
|
padding-right: 1rem;
|
|
9745
9844
|
padding-top: 0.5rem;
|
|
9746
9845
|
}
|
|
9846
|
+
.input-group-lg > .input-group-item > .form-file .btn .c-inner {
|
|
9847
|
+
margin-bottom: -0.5rem;
|
|
9848
|
+
margin-left: -1rem;
|
|
9849
|
+
margin-right: -1rem;
|
|
9850
|
+
margin-top: -0.5rem;
|
|
9851
|
+
}
|
|
9747
9852
|
.input-group-lg > .input-group-item > textarea.form-control,
|
|
9748
9853
|
.input-group-lg > .input-group-item > .form-control-textarea {
|
|
9749
9854
|
height: 190px;
|
|
@@ -9763,25 +9868,39 @@ label.custom-control-label {
|
|
|
9763
9868
|
padding-left: 1rem;
|
|
9764
9869
|
padding-right: 1rem;
|
|
9765
9870
|
}
|
|
9766
|
-
.input-group-lg > .input-group-item > .input-group-inset-item > .form-file {
|
|
9767
|
-
height: 75%;
|
|
9768
|
-
}
|
|
9769
9871
|
.input-group-lg > .input-group-item > .input-group-inset-item > .form-file .btn {
|
|
9770
|
-
|
|
9771
|
-
|
|
9772
|
-
|
|
9773
|
-
|
|
9774
|
-
padding-
|
|
9775
|
-
padding-
|
|
9872
|
+
border-radius: 0.3rem;
|
|
9873
|
+
font-size: 1.25rem;
|
|
9874
|
+
height: 3rem;
|
|
9875
|
+
line-height: 1.5;
|
|
9876
|
+
padding-bottom: 0.5rem;
|
|
9877
|
+
padding-left: 1rem;
|
|
9878
|
+
padding-right: 1rem;
|
|
9879
|
+
padding-top: 0.5rem;
|
|
9776
9880
|
}
|
|
9777
9881
|
.input-group-lg > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner {
|
|
9882
|
+
margin-bottom: -0.5rem;
|
|
9883
|
+
margin-left: -1rem;
|
|
9884
|
+
margin-right: -1rem;
|
|
9885
|
+
margin-top: -0.5rem;
|
|
9886
|
+
}
|
|
9887
|
+
.input-group-lg > .input-group-item .form-control-inset {
|
|
9778
9888
|
margin-bottom: 0;
|
|
9779
|
-
margin-left: -0.75rem;
|
|
9780
|
-
margin-right: -0.75rem;
|
|
9781
9889
|
margin-top: 0;
|
|
9782
9890
|
}
|
|
9783
9891
|
.form-group-sm .input-group > .input-group-item > .btn, .input-group-sm > .input-group-item > .btn {
|
|
9784
9892
|
font-size: 0.875rem;
|
|
9893
|
+
line-height: 1.5;
|
|
9894
|
+
padding-bottom: 0.25rem;
|
|
9895
|
+
padding-left: 0.5rem;
|
|
9896
|
+
padding-right: 0.5rem;
|
|
9897
|
+
padding-top: 0.25rem;
|
|
9898
|
+
}
|
|
9899
|
+
.form-group-sm .input-group > .input-group-item > .btn .c-inner, .input-group-sm > .input-group-item > .btn .c-inner {
|
|
9900
|
+
margin-bottom: -0.25rem;
|
|
9901
|
+
margin-left: -0.5rem;
|
|
9902
|
+
margin-right: -0.5rem;
|
|
9903
|
+
margin-top: -0.25rem;
|
|
9785
9904
|
}
|
|
9786
9905
|
.form-group-sm .input-group > .input-group-item > .btn .btn-section, .input-group-sm > .input-group-item > .btn .btn-section {
|
|
9787
9906
|
font-size: 0.5625rem;
|
|
@@ -9791,30 +9910,49 @@ label.custom-control-label {
|
|
|
9791
9910
|
line-height: 1;
|
|
9792
9911
|
width: 1.9375rem;
|
|
9793
9912
|
}
|
|
9794
|
-
.form-group-sm .input-group > .input-group-item > .form-control, .input-group-sm > .input-group-item > .form-control
|
|
9795
|
-
.form-group-sm .input-group > .input-group-item > .form-file .btn,
|
|
9796
|
-
.input-group-sm > .input-group-item > .form-file .btn {
|
|
9913
|
+
.form-group-sm .input-group > .input-group-item > .form-control, .input-group-sm > .input-group-item > .form-control {
|
|
9797
9914
|
border-radius: 0.2rem;
|
|
9798
9915
|
font-size: 0.875rem;
|
|
9799
|
-
height:
|
|
9916
|
+
height: auto;
|
|
9800
9917
|
line-height: 1.5;
|
|
9801
|
-
|
|
9918
|
+
min-height: 1.9375rem;
|
|
9919
|
+
padding-bottom: 0;
|
|
9802
9920
|
padding-left: 0.5rem;
|
|
9803
9921
|
padding-right: 0.5rem;
|
|
9804
|
-
padding-top: 0
|
|
9922
|
+
padding-top: 0;
|
|
9805
9923
|
}
|
|
9806
|
-
.form-group-sm .input-group > .input-group-item > .form-control
|
|
9924
|
+
.form-group-sm .input-group > .input-group-item > .form-control .label, .input-group-sm > .input-group-item > .form-control .label {
|
|
9925
|
+
margin-bottom: 0.1875rem;
|
|
9926
|
+
margin-top: 0.1875rem;
|
|
9927
|
+
}
|
|
9928
|
+
.form-group-sm .input-group > .input-group-item > .form-file .btn, .input-group-sm > .input-group-item > .form-file .btn {
|
|
9929
|
+
border-radius: 0.2rem;
|
|
9807
9930
|
font-size: 0.875rem;
|
|
9808
9931
|
height: 1.9375rem;
|
|
9809
9932
|
line-height: 1.5;
|
|
9810
9933
|
padding-bottom: 0.25rem;
|
|
9934
|
+
padding-left: 0.5rem;
|
|
9935
|
+
padding-right: 0.5rem;
|
|
9811
9936
|
padding-top: 0.25rem;
|
|
9812
9937
|
}
|
|
9938
|
+
.form-group-sm .input-group > .input-group-item > .form-file .btn .c-inner, .input-group-sm > .input-group-item > .form-file .btn .c-inner {
|
|
9939
|
+
margin-bottom: -0.25rem;
|
|
9940
|
+
margin-left: -0.5rem;
|
|
9941
|
+
margin-right: -0.5rem;
|
|
9942
|
+
margin-top: -0.25rem;
|
|
9943
|
+
}
|
|
9813
9944
|
.form-group-sm .input-group > .input-group-item > textarea.form-control, .input-group-sm > .input-group-item > textarea.form-control,
|
|
9814
9945
|
.form-group-sm .input-group > .input-group-item > .form-control-textarea,
|
|
9815
9946
|
.input-group-sm > .input-group-item > .form-control-textarea {
|
|
9816
9947
|
height: 120px;
|
|
9817
9948
|
}
|
|
9949
|
+
.form-group-sm .input-group > .input-group-item > .form-control-plaintext, .input-group-sm > .input-group-item > .form-control-plaintext {
|
|
9950
|
+
font-size: 0.875rem;
|
|
9951
|
+
height: 1.9375rem;
|
|
9952
|
+
line-height: 1.5;
|
|
9953
|
+
padding-bottom: 0.25rem;
|
|
9954
|
+
padding-top: 0.25rem;
|
|
9955
|
+
}
|
|
9818
9956
|
.form-group-sm .input-group > .input-group-item > .input-group-text, .input-group-sm > .input-group-item > .input-group-text {
|
|
9819
9957
|
border-radius: 0.2rem;
|
|
9820
9958
|
font-size: 0.875rem;
|
|
@@ -9842,67 +9980,48 @@ label.custom-control-label {
|
|
|
9842
9980
|
margin-right: 0.25rem;
|
|
9843
9981
|
width: 1.5rem;
|
|
9844
9982
|
}
|
|
9845
|
-
.form-group-sm .input-group > .input-group-item > .input-group-inset-item > .form-file, .input-group-sm > .input-group-item > .input-group-inset-item > .form-file {
|
|
9846
|
-
height: 75%;
|
|
9847
|
-
}
|
|
9848
9983
|
.form-group-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn, .input-group-sm > .input-group-item > .input-group-inset-item > .form-file .btn {
|
|
9849
|
-
|
|
9850
|
-
|
|
9851
|
-
|
|
9984
|
+
border-radius: 0.2rem;
|
|
9985
|
+
font-size: 0.875rem;
|
|
9986
|
+
height: 1.9375rem;
|
|
9987
|
+
line-height: 1.5;
|
|
9988
|
+
padding-bottom: 0.25rem;
|
|
9852
9989
|
padding-left: 0.5rem;
|
|
9853
9990
|
padding-right: 0.5rem;
|
|
9854
|
-
padding-top: 0;
|
|
9991
|
+
padding-top: 0.25rem;
|
|
9855
9992
|
}
|
|
9856
9993
|
.form-group-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner, .input-group-sm > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner {
|
|
9857
|
-
margin-bottom: 0;
|
|
9994
|
+
margin-bottom: -0.25rem;
|
|
9858
9995
|
margin-left: -0.5rem;
|
|
9859
9996
|
margin-right: -0.5rem;
|
|
9860
|
-
margin-top: 0;
|
|
9861
|
-
}
|
|
9862
|
-
.input-group-item.focus {
|
|
9863
|
-
border-radius: 0.25rem;
|
|
9864
|
-
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
|
|
9865
|
-
}
|
|
9866
|
-
.input-group-item.focus .form-control,
|
|
9867
|
-
.input-group-item.focus .form-control[readonly] ~ .input-group-inset-item,
|
|
9868
|
-
.input-group-item.focus .input-group-inset-item {
|
|
9869
|
-
background-color: #fff;
|
|
9870
|
-
border-color: #80bdff;
|
|
9871
|
-
}
|
|
9872
|
-
|
|
9873
|
-
.input-group-item.input-group-prepend.focus {
|
|
9874
|
-
border-bottom-right-radius: 0;
|
|
9875
|
-
border-top-right-radius: 0;
|
|
9876
|
-
z-index: 1;
|
|
9997
|
+
margin-top: -0.25rem;
|
|
9877
9998
|
}
|
|
9878
|
-
|
|
9879
|
-
|
|
9880
|
-
|
|
9881
|
-
border-top-left-radius: 0;
|
|
9999
|
+
.form-group-sm .input-group > .input-group-item .form-control-inset, .input-group-sm > .input-group-item .form-control-inset {
|
|
10000
|
+
margin-bottom: 0.125rem;
|
|
10001
|
+
margin-top: 0.1875rem;
|
|
9882
10002
|
}
|
|
9883
|
-
|
|
9884
10003
|
.input-group-inset {
|
|
9885
10004
|
flex-grow: 1;
|
|
9886
10005
|
order: 5;
|
|
9887
10006
|
width: 1%;
|
|
9888
10007
|
}
|
|
9889
|
-
.input-group-inset
|
|
9890
|
-
background-color: #e9ecef;
|
|
9891
|
-
}
|
|
9892
|
-
.input-group-inset:focus {
|
|
10008
|
+
.input-group-inset:focus, .input-group-inset.focus {
|
|
9893
10009
|
box-shadow: none;
|
|
9894
10010
|
}
|
|
9895
|
-
.input-group-inset:focus ~ .input-group-inset-item {
|
|
10011
|
+
.input-group-inset:focus ~ .input-group-inset-item, .input-group-inset.focus ~ .input-group-inset-item {
|
|
9896
10012
|
background-color: #fff;
|
|
9897
10013
|
border-color: #80bdff;
|
|
9898
10014
|
}
|
|
9899
|
-
.input-group-inset:disabled ~ .input-group-inset-item {
|
|
10015
|
+
.input-group-inset:disabled ~ .input-group-inset-item, .input-group-inset.disabled ~ .input-group-inset-item {
|
|
9900
10016
|
background-color: #e9ecef;
|
|
9901
10017
|
}
|
|
9902
10018
|
.input-group-inset ~ .form-feedback-group {
|
|
9903
10019
|
order: 13;
|
|
9904
10020
|
}
|
|
9905
10021
|
|
|
10022
|
+
.input-group-inset[readonly] ~ .input-group-inset-item {
|
|
10023
|
+
background-color: #e9ecef;
|
|
10024
|
+
}
|
|
9906
10025
|
.input-group .input-group-inset-item {
|
|
9907
10026
|
align-items: center;
|
|
9908
10027
|
background-color: #fff;
|
|
@@ -11484,7 +11603,6 @@ label.custom-control-label {
|
|
|
11484
11603
|
margin-left: 0;
|
|
11485
11604
|
margin-right: 0;
|
|
11486
11605
|
}
|
|
11487
|
-
|
|
11488
11606
|
.nav-btn-monospaced {
|
|
11489
11607
|
padding: 0;
|
|
11490
11608
|
}
|
|
@@ -11506,6 +11624,7 @@ label.custom-control-label {
|
|
|
11506
11624
|
}
|
|
11507
11625
|
|
|
11508
11626
|
.nav-item {
|
|
11627
|
+
overflow-wrap: break-word;
|
|
11509
11628
|
word-wrap: break-word;
|
|
11510
11629
|
}
|
|
11511
11630
|
|
|
@@ -11528,13 +11647,6 @@ label.custom-control-label {
|
|
|
11528
11647
|
max-width: calc(100% - 24px);
|
|
11529
11648
|
}
|
|
11530
11649
|
|
|
11531
|
-
.nav-form {
|
|
11532
|
-
padding-bottom: 0.5rem;
|
|
11533
|
-
padding-left: 0.5rem;
|
|
11534
|
-
padding-right: 0.5rem;
|
|
11535
|
-
padding-top: 0.5rem;
|
|
11536
|
-
}
|
|
11537
|
-
|
|
11538
11650
|
.nav .nav-form {
|
|
11539
11651
|
padding-bottom: 0;
|
|
11540
11652
|
padding-left: 1rem;
|
|
@@ -11546,17 +11658,15 @@ label.custom-control-label {
|
|
|
11546
11658
|
flex: 1 1 auto;
|
|
11547
11659
|
text-align: center;
|
|
11548
11660
|
}
|
|
11549
|
-
|
|
11661
|
+
.nav-justified .nav-link {
|
|
11662
|
+
text-align: center;
|
|
11663
|
+
width: 100%;
|
|
11664
|
+
}
|
|
11550
11665
|
.nav-justified .nav-item {
|
|
11551
11666
|
flex-basis: 0;
|
|
11552
11667
|
flex-grow: 1;
|
|
11553
11668
|
text-align: center;
|
|
11554
11669
|
}
|
|
11555
|
-
.nav-justified button.nav-link {
|
|
11556
|
-
text-align: center;
|
|
11557
|
-
width: 100%;
|
|
11558
|
-
}
|
|
11559
|
-
|
|
11560
11670
|
.nav-stacked {
|
|
11561
11671
|
display: block;
|
|
11562
11672
|
}
|
|
@@ -11570,18 +11680,35 @@ label.custom-control-label {
|
|
|
11570
11680
|
.nav-unstyled {
|
|
11571
11681
|
flex-wrap: nowrap;
|
|
11572
11682
|
}
|
|
11573
|
-
.nav-unstyled .nav-btn {
|
|
11574
|
-
margin: 0 4px;
|
|
11575
|
-
padding: 0 4px;
|
|
11576
|
-
}
|
|
11577
11683
|
.nav-unstyled .nav-link {
|
|
11578
11684
|
line-height: 2rem;
|
|
11579
|
-
padding: 0
|
|
11685
|
+
padding-bottom: 0;
|
|
11686
|
+
padding-left: 4px;
|
|
11687
|
+
padding-right: 4px;
|
|
11688
|
+
padding-top: 0;
|
|
11689
|
+
}
|
|
11690
|
+
.nav-unstyled .nav-link > .c-inner {
|
|
11691
|
+
margin-bottom: 0;
|
|
11692
|
+
margin-left: -4px;
|
|
11693
|
+
margin-right: -4px;
|
|
11694
|
+
margin-top: 0;
|
|
11580
11695
|
}
|
|
11581
11696
|
.nav-unstyled .nav-link-monospaced {
|
|
11582
11697
|
margin: 0 4px;
|
|
11583
11698
|
}
|
|
11584
|
-
|
|
11699
|
+
.nav-unstyled .nav-btn {
|
|
11700
|
+
margin: 0 4px;
|
|
11701
|
+
padding-bottom: 0;
|
|
11702
|
+
padding-left: 4px;
|
|
11703
|
+
padding-right: 4px;
|
|
11704
|
+
padding-top: 0;
|
|
11705
|
+
}
|
|
11706
|
+
.nav-unstyled .nav-btn .c-inner {
|
|
11707
|
+
margin-bottom: 0;
|
|
11708
|
+
margin-left: -4px;
|
|
11709
|
+
margin-right: -4px;
|
|
11710
|
+
margin-top: 0;
|
|
11711
|
+
}
|
|
11585
11712
|
.nav-nested {
|
|
11586
11713
|
flex-direction: column;
|
|
11587
11714
|
flex-wrap: nowrap;
|
|
@@ -11688,9 +11815,6 @@ label.custom-control-label {
|
|
|
11688
11815
|
.nav-tabs {
|
|
11689
11816
|
border-bottom: 0.0625rem solid #dee2e6;
|
|
11690
11817
|
}
|
|
11691
|
-
.nav-tabs .nav-item {
|
|
11692
|
-
margin-bottom: -0.0625rem;
|
|
11693
|
-
}
|
|
11694
11818
|
.nav-tabs .nav-link {
|
|
11695
11819
|
border-color: transparent;
|
|
11696
11820
|
border-style: solid;
|
|
@@ -11711,8 +11835,8 @@ label.custom-control-label {
|
|
|
11711
11835
|
}
|
|
11712
11836
|
.nav-tabs .nav-link.active {
|
|
11713
11837
|
background-color: #fff;
|
|
11714
|
-
border-color: #dee2e6 #dee2e6 #fff;
|
|
11715
11838
|
color: #495057;
|
|
11839
|
+
border-color: #dee2e6 #dee2e6 #fff;
|
|
11716
11840
|
}
|
|
11717
11841
|
.nav-tabs .nav-link:disabled, .nav-tabs .nav-link.disabled {
|
|
11718
11842
|
background-color: transparent;
|
|
@@ -11721,13 +11845,11 @@ label.custom-control-label {
|
|
|
11721
11845
|
}
|
|
11722
11846
|
.nav-tabs .nav-link[aria-expanded=true], .nav-tabs .nav-link.show {
|
|
11723
11847
|
background-color: #fff;
|
|
11724
|
-
border-color: #dee2e6 #dee2e6 #fff;
|
|
11725
11848
|
color: #495057;
|
|
11726
|
-
}
|
|
11727
|
-
.nav-tabs .nav-item.show .nav-link {
|
|
11728
|
-
background-color: #fff;
|
|
11729
11849
|
border-color: #dee2e6 #dee2e6 #fff;
|
|
11730
|
-
|
|
11850
|
+
}
|
|
11851
|
+
.nav-tabs .nav-item {
|
|
11852
|
+
margin-bottom: -0.0625rem;
|
|
11731
11853
|
}
|
|
11732
11854
|
.nav-tabs .dropdown-menu {
|
|
11733
11855
|
border-top-left-radius: 0;
|
|
@@ -11773,11 +11895,12 @@ label.custom-control-label {
|
|
|
11773
11895
|
right: 0.5rem;
|
|
11774
11896
|
width: auto;
|
|
11775
11897
|
}
|
|
11776
|
-
.nav-underline .nav-
|
|
11898
|
+
.nav-underline .nav-link.active::after {
|
|
11777
11899
|
background-color: #007bff;
|
|
11900
|
+
content: "";
|
|
11901
|
+
height: 0.1875rem;
|
|
11778
11902
|
}
|
|
11779
|
-
.nav-underline .nav-link.
|
|
11780
|
-
.nav-underline .nav-item.show .nav-link:after {
|
|
11903
|
+
.nav-underline .nav-link[aria-expanded=true]::after, .nav-underline .nav-link.show::after {
|
|
11781
11904
|
content: "";
|
|
11782
11905
|
height: 0.1875rem;
|
|
11783
11906
|
}
|