@clayui/css 3.93.0 → 3.95.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 (54) hide show
  1. package/lib/css/atlas.css +340 -212
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +207 -175
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +408 -179
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/icons.svg +1 -1
  8. package/package.json +2 -2
  9. package/src/scss/_license-text.scss +1 -1
  10. package/src/scss/atlas/variables/_buttons.scss +3 -0
  11. package/src/scss/atlas/variables/_custom-forms.scss +4 -5
  12. package/src/scss/atlas/variables/_menubar.scss +57 -17
  13. package/src/scss/atlas/variables/_pagination.scss +99 -5
  14. package/src/scss/cadmin/components/_alerts.scss +24 -22
  15. package/src/scss/cadmin/components/_aspect-ratio.scss +39 -34
  16. package/src/scss/cadmin/components/_badges.scss +41 -27
  17. package/src/scss/cadmin/components/_buttons.scss +121 -105
  18. package/src/scss/cadmin/components/_forms.scss +19 -15
  19. package/src/scss/cadmin/components/_labels.scss +60 -47
  20. package/src/scss/cadmin/components/_list-group.scss +19 -17
  21. package/src/scss/cadmin/components/_loaders.scss +22 -18
  22. package/src/scss/cadmin/components/_modals.scss +42 -101
  23. package/src/scss/cadmin/components/_navs.scss +10 -8
  24. package/src/scss/cadmin/components/_pagination.scss +1 -1
  25. package/src/scss/cadmin/components/_popovers.scss +48 -40
  26. package/src/scss/cadmin/components/_progress-bars.scss +8 -6
  27. package/src/scss/cadmin/components/_sidebar.scss +9 -7
  28. package/src/scss/cadmin/components/_stickers.scss +54 -47
  29. package/src/scss/cadmin/components/_utilities-functional-important.scss +74 -58
  30. package/src/scss/cadmin/variables/_buttons.scss +1 -1
  31. package/src/scss/cadmin/variables/_menubar.scss +54 -18
  32. package/src/scss/cadmin/variables/_modals.scss +112 -1
  33. package/src/scss/cadmin/variables/_pagination.scss +48 -8
  34. package/src/scss/cadmin/variables/_utilities.scss +35 -0
  35. package/src/scss/components/_alerts.scss +6 -6
  36. package/src/scss/components/_aspect-ratio.scss +15 -12
  37. package/src/scss/components/_badges.scss +22 -10
  38. package/src/scss/components/_buttons.scss +22 -14
  39. package/src/scss/components/_forms.scss +10 -8
  40. package/src/scss/components/_labels.scss +28 -19
  41. package/src/scss/components/_modals.scss +38 -90
  42. package/src/scss/components/_navs.scss +5 -1
  43. package/src/scss/components/_pagination.scss +1 -1
  44. package/src/scss/components/_stickers.scss +22 -19
  45. package/src/scss/components/_utilities-functional-important.scss +4 -0
  46. package/src/scss/mixins/_globals.scss +53 -12
  47. package/src/scss/mixins/_links.scss +80 -45
  48. package/src/scss/mixins/_modals.scss +26 -4
  49. package/src/scss/mixins/_nav-nested.scss +10 -3
  50. package/src/scss/mixins/_transition.scss +13 -5
  51. package/src/scss/variables/_modals.scss +111 -1
  52. package/src/scss/variables/_navs.scss +6 -1
  53. package/src/scss/variables/_pagination.scss +1 -1
  54. package/src/scss/variables/_utilities.scss +35 -0
package/lib/css/base.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
- * Clay 3.93.0
3
+ * Clay 3.95.0
4
4
  *
5
5
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
6
6
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -1400,7 +1400,7 @@ input[type=button].btn-block {
1400
1400
  border-color: #0062cc;
1401
1401
  color: #fff;
1402
1402
  }
1403
- .btn-primary:focus, .focus.btn-primary {
1403
+ .btn-primary:focus, .btn-primary.focus {
1404
1404
  background-color: #0069d9;
1405
1405
  border-color: #0062cc;
1406
1406
  color: #fff;
@@ -1410,26 +1410,21 @@ input[type=button].btn-block {
1410
1410
  border-color: #005cbf;
1411
1411
  color: #fff;
1412
1412
  }
1413
- .active.btn-primary {
1413
+ .btn-primary.active {
1414
1414
  background-color: #0062cc;
1415
1415
  border-color: #005cbf;
1416
1416
  color: #fff;
1417
1417
  }
1418
- .btn-primary:disabled, .disabled.btn-primary {
1418
+ .btn-primary:disabled, .btn-primary.disabled {
1419
1419
  background-color: #007bff;
1420
1420
  border-color: #007bff;
1421
1421
  color: #fff;
1422
1422
  }
1423
- [aria-expanded=true].btn-primary, .show.btn-primary {
1423
+ .btn-primary[aria-expanded=true], .btn-primary.show {
1424
1424
  background-color: #0062cc;
1425
1425
  border-color: #005cbf;
1426
1426
  color: #fff;
1427
1427
  }
1428
- .form-file-input:focus + .btn-primary {
1429
- background-color: #0069d9;
1430
- border-color: #0062cc;
1431
- color: #fff;
1432
- }
1433
1428
  .btn-secondary {
1434
1429
  background-color: #6c757d;
1435
1430
  border-color: #6c757d;
@@ -1440,7 +1435,7 @@ input[type=button].btn-block {
1440
1435
  border-color: #545b62;
1441
1436
  color: #fff;
1442
1437
  }
1443
- .btn-secondary:focus, .focus.btn-secondary {
1438
+ .btn-secondary:focus, .btn-secondary.focus {
1444
1439
  background-color: #5a6268;
1445
1440
  border-color: #545b62;
1446
1441
  color: #fff;
@@ -1450,26 +1445,21 @@ input[type=button].btn-block {
1450
1445
  border-color: #4e555b;
1451
1446
  color: #fff;
1452
1447
  }
1453
- .active.btn-secondary {
1448
+ .btn-secondary.active {
1454
1449
  background-color: #545b62;
1455
1450
  border-color: #4e555b;
1456
1451
  color: #fff;
1457
1452
  }
1458
- .btn-secondary:disabled, .disabled.btn-secondary {
1453
+ .btn-secondary:disabled, .btn-secondary.disabled {
1459
1454
  background-color: #6c757d;
1460
1455
  border-color: #6c757d;
1461
1456
  color: #fff;
1462
1457
  }
1463
- [aria-expanded=true].btn-secondary, .show.btn-secondary {
1458
+ .btn-secondary[aria-expanded=true], .btn-secondary.show {
1464
1459
  background-color: #545b62;
1465
1460
  border-color: #4e555b;
1466
1461
  color: #fff;
1467
1462
  }
1468
- .form-file-input:focus + .btn-secondary {
1469
- background-color: #5a6268;
1470
- border-color: #545b62;
1471
- color: #fff;
1472
- }
1473
1463
  .btn-success {
1474
1464
  background-color: #28a745;
1475
1465
  border-color: #28a745;
@@ -1480,7 +1470,7 @@ input[type=button].btn-block {
1480
1470
  border-color: #1e7e34;
1481
1471
  color: #fff;
1482
1472
  }
1483
- .btn-success:focus, .focus.btn-success {
1473
+ .btn-success:focus, .btn-success.focus {
1484
1474
  background-color: #218838;
1485
1475
  border-color: #1e7e34;
1486
1476
  color: #fff;
@@ -1490,26 +1480,21 @@ input[type=button].btn-block {
1490
1480
  border-color: #1c7430;
1491
1481
  color: #fff;
1492
1482
  }
1493
- .active.btn-success {
1483
+ .btn-success.active {
1494
1484
  background-color: #1e7e34;
1495
1485
  border-color: #1c7430;
1496
1486
  color: #fff;
1497
1487
  }
1498
- .btn-success:disabled, .disabled.btn-success {
1488
+ .btn-success:disabled, .btn-success.disabled {
1499
1489
  background-color: #28a745;
1500
1490
  border-color: #28a745;
1501
1491
  color: #fff;
1502
1492
  }
1503
- [aria-expanded=true].btn-success, .show.btn-success {
1493
+ .btn-success[aria-expanded=true], .btn-success.show {
1504
1494
  background-color: #1e7e34;
1505
1495
  border-color: #1c7430;
1506
1496
  color: #fff;
1507
1497
  }
1508
- .form-file-input:focus + .btn-success {
1509
- background-color: #218838;
1510
- border-color: #1e7e34;
1511
- color: #fff;
1512
- }
1513
1498
  .btn-info {
1514
1499
  background-color: #17a2b8;
1515
1500
  border-color: #17a2b8;
@@ -1520,7 +1505,7 @@ input[type=button].btn-block {
1520
1505
  border-color: #117a8b;
1521
1506
  color: #fff;
1522
1507
  }
1523
- .btn-info:focus, .focus.btn-info {
1508
+ .btn-info:focus, .btn-info.focus {
1524
1509
  background-color: #138496;
1525
1510
  border-color: #117a8b;
1526
1511
  color: #fff;
@@ -1530,17 +1515,17 @@ input[type=button].btn-block {
1530
1515
  border-color: #10707f;
1531
1516
  color: #fff;
1532
1517
  }
1533
- .active.btn-info {
1518
+ .btn-info.active {
1534
1519
  background-color: #117a8b;
1535
1520
  border-color: #10707f;
1536
1521
  color: #fff;
1537
1522
  }
1538
- .btn-info:disabled, .disabled.btn-info {
1523
+ .btn-info:disabled, .btn-info.disabled {
1539
1524
  background-color: #17a2b8;
1540
1525
  border-color: #17a2b8;
1541
1526
  color: #fff;
1542
1527
  }
1543
- [aria-expanded=true].btn-info, .show.btn-info {
1528
+ .btn-info[aria-expanded=true], .btn-info.show {
1544
1529
  background-color: #117a8b;
1545
1530
  border-color: #10707f;
1546
1531
  color: #fff;
@@ -1555,7 +1540,7 @@ input[type=button].btn-block {
1555
1540
  border-color: #d39e00;
1556
1541
  color: #212529;
1557
1542
  }
1558
- .btn-warning:focus, .focus.btn-warning {
1543
+ .btn-warning:focus, .btn-warning.focus {
1559
1544
  background-color: #e0a800;
1560
1545
  border-color: #d39e00;
1561
1546
  color: #212529;
@@ -1565,26 +1550,21 @@ input[type=button].btn-block {
1565
1550
  border-color: #c69500;
1566
1551
  color: #212529;
1567
1552
  }
1568
- .active.btn-warning {
1553
+ .btn-warning.active {
1569
1554
  background-color: #d39e00;
1570
1555
  border-color: #c69500;
1571
1556
  color: #212529;
1572
1557
  }
1573
- .btn-warning:disabled, .disabled.btn-warning {
1558
+ .btn-warning:disabled, .btn-warning.disabled {
1574
1559
  background-color: #ffc107;
1575
1560
  border-color: #ffc107;
1576
1561
  color: #212529;
1577
1562
  }
1578
- [aria-expanded=true].btn-warning, .show.btn-warning {
1563
+ .btn-warning[aria-expanded=true], .btn-warning.show {
1579
1564
  background-color: #d39e00;
1580
1565
  border-color: #c69500;
1581
1566
  color: #212529;
1582
1567
  }
1583
- .form-file-input:focus + .btn-warning {
1584
- background-color: #e0a800;
1585
- border-color: #d39e00;
1586
- color: #212529;
1587
- }
1588
1568
  .btn-danger {
1589
1569
  background-color: #dc3545;
1590
1570
  border-color: #dc3545;
@@ -1595,7 +1575,7 @@ input[type=button].btn-block {
1595
1575
  border-color: #bd2130;
1596
1576
  color: #fff;
1597
1577
  }
1598
- .btn-danger:focus, .focus.btn-danger {
1578
+ .btn-danger:focus, .btn-danger.focus {
1599
1579
  background-color: #c82333;
1600
1580
  border-color: #bd2130;
1601
1581
  color: #fff;
@@ -1605,26 +1585,21 @@ input[type=button].btn-block {
1605
1585
  border-color: #b21f2d;
1606
1586
  color: #fff;
1607
1587
  }
1608
- .active.btn-danger {
1588
+ .btn-danger.active {
1609
1589
  background-color: #bd2130;
1610
1590
  border-color: #b21f2d;
1611
1591
  color: #fff;
1612
1592
  }
1613
- .btn-danger:disabled, .disabled.btn-danger {
1593
+ .btn-danger:disabled, .btn-danger.disabled {
1614
1594
  background-color: #dc3545;
1615
1595
  border-color: #dc3545;
1616
1596
  color: #fff;
1617
1597
  }
1618
- [aria-expanded=true].btn-danger, .show.btn-danger {
1598
+ .btn-danger[aria-expanded=true], .btn-danger.show {
1619
1599
  background-color: #bd2130;
1620
1600
  border-color: #b21f2d;
1621
1601
  color: #fff;
1622
1602
  }
1623
- .form-file-input:focus + .btn-danger {
1624
- background-color: #c82333;
1625
- border-color: #bd2130;
1626
- color: #fff;
1627
- }
1628
1603
  .btn-light {
1629
1604
  background-color: #f8f9fa;
1630
1605
  border-color: #f8f9fa;
@@ -1635,7 +1610,7 @@ input[type=button].btn-block {
1635
1610
  border-color: #dae0e5;
1636
1611
  color: #212529;
1637
1612
  }
1638
- .btn-light:focus, .focus.btn-light {
1613
+ .btn-light:focus, .btn-light.focus {
1639
1614
  background-color: #e2e6ea;
1640
1615
  border-color: #dae0e5;
1641
1616
  color: #212529;
@@ -1645,26 +1620,21 @@ input[type=button].btn-block {
1645
1620
  border-color: #d3d9df;
1646
1621
  color: #212529;
1647
1622
  }
1648
- .active.btn-light {
1623
+ .btn-light.active {
1649
1624
  background-color: #dae0e5;
1650
1625
  border-color: #d3d9df;
1651
1626
  color: #212529;
1652
1627
  }
1653
- .btn-light:disabled, .disabled.btn-light {
1628
+ .btn-light:disabled, .btn-light.disabled {
1654
1629
  background-color: #f8f9fa;
1655
1630
  border-color: #f8f9fa;
1656
1631
  color: #212529;
1657
1632
  }
1658
- [aria-expanded=true].btn-light, .show.btn-light {
1633
+ .btn-light[aria-expanded=true], .btn-light.show {
1659
1634
  background-color: #dae0e5;
1660
1635
  border-color: #d3d9df;
1661
1636
  color: #212529;
1662
1637
  }
1663
- .form-file-input:focus + .btn-light {
1664
- background-color: #e2e6ea;
1665
- border-color: #dae0e5;
1666
- color: #212529;
1667
- }
1668
1638
  .btn-dark {
1669
1639
  background-color: #343a40;
1670
1640
  border-color: #343a40;
@@ -1675,7 +1645,7 @@ input[type=button].btn-block {
1675
1645
  border-color: #1d2124;
1676
1646
  color: #fff;
1677
1647
  }
1678
- .btn-dark:focus, .focus.btn-dark {
1648
+ .btn-dark:focus, .btn-dark.focus {
1679
1649
  background-color: #23272b;
1680
1650
  border-color: #1d2124;
1681
1651
  color: #fff;
@@ -1685,26 +1655,21 @@ input[type=button].btn-block {
1685
1655
  border-color: #171a1d;
1686
1656
  color: #fff;
1687
1657
  }
1688
- .active.btn-dark {
1658
+ .btn-dark.active {
1689
1659
  background-color: #1d2124;
1690
1660
  border-color: #171a1d;
1691
1661
  color: #fff;
1692
1662
  }
1693
- .btn-dark:disabled, .disabled.btn-dark {
1663
+ .btn-dark:disabled, .btn-dark.disabled {
1694
1664
  background-color: #343a40;
1695
1665
  border-color: #343a40;
1696
1666
  color: #fff;
1697
1667
  }
1698
- [aria-expanded=true].btn-dark, .show.btn-dark {
1668
+ .btn-dark[aria-expanded=true], .btn-dark.show {
1699
1669
  background-color: #1d2124;
1700
1670
  border-color: #171a1d;
1701
1671
  color: #fff;
1702
1672
  }
1703
- .form-file-input:focus + .btn-dark {
1704
- background-color: #23272b;
1705
- border-color: #1d2124;
1706
- color: #fff;
1707
- }
1708
1673
  .btn-link {
1709
1674
  border-radius: 1px;
1710
1675
  color: #007bff;
@@ -1715,14 +1680,14 @@ input[type=button].btn-block {
1715
1680
  color: #0056b3;
1716
1681
  text-decoration: underline;
1717
1682
  }
1718
- .btn-link:focus, .focus.btn-link {
1683
+ .btn-link:focus, .btn-link.focus {
1719
1684
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
1720
1685
  text-decoration: none;
1721
1686
  }
1722
1687
  .btn-link:active:focus {
1723
1688
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
1724
1689
  }
1725
- .btn-link:disabled, .disabled.btn-link {
1690
+ .btn-link:disabled, .btn-link.disabled {
1726
1691
  box-shadow: none;
1727
1692
  color: #6c757d;
1728
1693
  text-decoration: none;
@@ -1749,7 +1714,7 @@ input[type=button].btn-block {
1749
1714
  border-color: #007bff;
1750
1715
  color: #fff;
1751
1716
  }
1752
- .btn-outline-primary:focus, .focus.btn-outline-primary {
1717
+ .btn-outline-primary:focus, .btn-outline-primary.focus {
1753
1718
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
1754
1719
  }
1755
1720
  .btn-outline-primary:active {
@@ -1760,16 +1725,16 @@ input[type=button].btn-block {
1760
1725
  .btn-outline-primary:active:focus {
1761
1726
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
1762
1727
  }
1763
- .active.btn-outline-primary {
1728
+ .btn-outline-primary.active {
1764
1729
  background-color: #007bff;
1765
1730
  border-color: #007bff;
1766
1731
  color: #fff;
1767
1732
  }
1768
- .btn-outline-primary:disabled, .disabled.btn-outline-primary {
1733
+ .btn-outline-primary:disabled, .btn-outline-primary.disabled {
1769
1734
  background-color: transparent;
1770
1735
  color: #007bff;
1771
1736
  }
1772
- [aria-expanded=true].btn-outline-primary, .show.btn-outline-primary {
1737
+ .btn-outline-primary[aria-expanded=true], .btn-outline-primary.show {
1773
1738
  background-color: #007bff;
1774
1739
  border-color: #007bff;
1775
1740
  color: #fff;
@@ -1783,7 +1748,7 @@ input[type=button].btn-block {
1783
1748
  border-color: #6c757d;
1784
1749
  color: #fff;
1785
1750
  }
1786
- .btn-outline-secondary:focus, .focus.btn-outline-secondary {
1751
+ .btn-outline-secondary:focus, .btn-outline-secondary.focus {
1787
1752
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
1788
1753
  }
1789
1754
  .btn-outline-secondary:active {
@@ -1794,16 +1759,16 @@ input[type=button].btn-block {
1794
1759
  .btn-outline-secondary:active:focus {
1795
1760
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
1796
1761
  }
1797
- .active.btn-outline-secondary {
1762
+ .btn-outline-secondary.active {
1798
1763
  background-color: #6c757d;
1799
1764
  border-color: #6c757d;
1800
1765
  color: #fff;
1801
1766
  }
1802
- .btn-outline-secondary:disabled, .disabled.btn-outline-secondary {
1767
+ .btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
1803
1768
  background-color: transparent;
1804
1769
  color: #6c757d;
1805
1770
  }
1806
- [aria-expanded=true].btn-outline-secondary, .show.btn-outline-secondary {
1771
+ .btn-outline-secondary[aria-expanded=true], .btn-outline-secondary.show {
1807
1772
  background-color: #6c757d;
1808
1773
  border-color: #6c757d;
1809
1774
  color: #fff;
@@ -1817,7 +1782,7 @@ input[type=button].btn-block {
1817
1782
  border-color: #28a745;
1818
1783
  color: #fff;
1819
1784
  }
1820
- .btn-outline-success:focus, .focus.btn-outline-success {
1785
+ .btn-outline-success:focus, .btn-outline-success.focus {
1821
1786
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
1822
1787
  }
1823
1788
  .btn-outline-success:active {
@@ -1828,16 +1793,16 @@ input[type=button].btn-block {
1828
1793
  .btn-outline-success:active:focus {
1829
1794
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
1830
1795
  }
1831
- .active.btn-outline-success {
1796
+ .btn-outline-success.active {
1832
1797
  background-color: #28a745;
1833
1798
  border-color: #28a745;
1834
1799
  color: #fff;
1835
1800
  }
1836
- .btn-outline-success:disabled, .disabled.btn-outline-success {
1801
+ .btn-outline-success:disabled, .btn-outline-success.disabled {
1837
1802
  background-color: transparent;
1838
1803
  color: #28a745;
1839
1804
  }
1840
- [aria-expanded=true].btn-outline-success, .show.btn-outline-success {
1805
+ .btn-outline-success[aria-expanded=true], .btn-outline-success.show {
1841
1806
  background-color: #28a745;
1842
1807
  border-color: #28a745;
1843
1808
  color: #fff;
@@ -1851,7 +1816,7 @@ input[type=button].btn-block {
1851
1816
  border-color: #17a2b8;
1852
1817
  color: #fff;
1853
1818
  }
1854
- .btn-outline-info:focus, .focus.btn-outline-info {
1819
+ .btn-outline-info:focus, .btn-outline-info.focus {
1855
1820
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
1856
1821
  }
1857
1822
  .btn-outline-info:active {
@@ -1862,16 +1827,16 @@ input[type=button].btn-block {
1862
1827
  .btn-outline-info:active:focus {
1863
1828
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
1864
1829
  }
1865
- .active.btn-outline-info {
1830
+ .btn-outline-info.active {
1866
1831
  background-color: #17a2b8;
1867
1832
  border-color: #17a2b8;
1868
1833
  color: #fff;
1869
1834
  }
1870
- .btn-outline-info:disabled, .disabled.btn-outline-info {
1835
+ .btn-outline-info:disabled, .btn-outline-info.disabled {
1871
1836
  background-color: transparent;
1872
1837
  color: #17a2b8;
1873
1838
  }
1874
- [aria-expanded=true].btn-outline-info, .show.btn-outline-info {
1839
+ .btn-outline-info[aria-expanded=true], .btn-outline-info.show {
1875
1840
  background-color: #17a2b8;
1876
1841
  border-color: #17a2b8;
1877
1842
  color: #fff;
@@ -1885,7 +1850,7 @@ input[type=button].btn-block {
1885
1850
  border-color: #ffc107;
1886
1851
  color: #212529;
1887
1852
  }
1888
- .btn-outline-warning:focus, .focus.btn-outline-warning {
1853
+ .btn-outline-warning:focus, .btn-outline-warning.focus {
1889
1854
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
1890
1855
  }
1891
1856
  .btn-outline-warning:active {
@@ -1896,16 +1861,16 @@ input[type=button].btn-block {
1896
1861
  .btn-outline-warning:active:focus {
1897
1862
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
1898
1863
  }
1899
- .active.btn-outline-warning {
1864
+ .btn-outline-warning.active {
1900
1865
  background-color: #ffc107;
1901
1866
  border-color: #ffc107;
1902
1867
  color: #212529;
1903
1868
  }
1904
- .btn-outline-warning:disabled, .disabled.btn-outline-warning {
1869
+ .btn-outline-warning:disabled, .btn-outline-warning.disabled {
1905
1870
  background-color: transparent;
1906
1871
  color: #ffc107;
1907
1872
  }
1908
- [aria-expanded=true].btn-outline-warning, .show.btn-outline-warning {
1873
+ .btn-outline-warning[aria-expanded=true], .btn-outline-warning.show {
1909
1874
  background-color: #ffc107;
1910
1875
  border-color: #ffc107;
1911
1876
  color: #212529;
@@ -1919,7 +1884,7 @@ input[type=button].btn-block {
1919
1884
  border-color: #dc3545;
1920
1885
  color: #fff;
1921
1886
  }
1922
- .btn-outline-danger:focus, .focus.btn-outline-danger {
1887
+ .btn-outline-danger:focus, .btn-outline-danger.focus {
1923
1888
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
1924
1889
  }
1925
1890
  .btn-outline-danger:active {
@@ -1930,16 +1895,16 @@ input[type=button].btn-block {
1930
1895
  .btn-outline-danger:active:focus {
1931
1896
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
1932
1897
  }
1933
- .active.btn-outline-danger {
1898
+ .btn-outline-danger.active {
1934
1899
  background-color: #dc3545;
1935
1900
  border-color: #dc3545;
1936
1901
  color: #fff;
1937
1902
  }
1938
- .btn-outline-danger:disabled, .disabled.btn-outline-danger {
1903
+ .btn-outline-danger:disabled, .btn-outline-danger.disabled {
1939
1904
  background-color: transparent;
1940
1905
  color: #dc3545;
1941
1906
  }
1942
- [aria-expanded=true].btn-outline-danger, .show.btn-outline-danger {
1907
+ .btn-outline-danger[aria-expanded=true], .btn-outline-danger.show {
1943
1908
  background-color: #dc3545;
1944
1909
  border-color: #dc3545;
1945
1910
  color: #fff;
@@ -1953,7 +1918,7 @@ input[type=button].btn-block {
1953
1918
  border-color: #f8f9fa;
1954
1919
  color: #212529;
1955
1920
  }
1956
- .btn-outline-light:focus, .focus.btn-outline-light {
1921
+ .btn-outline-light:focus, .btn-outline-light.focus {
1957
1922
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
1958
1923
  }
1959
1924
  .btn-outline-light:active {
@@ -1964,16 +1929,16 @@ input[type=button].btn-block {
1964
1929
  .btn-outline-light:active:focus {
1965
1930
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
1966
1931
  }
1967
- .active.btn-outline-light {
1932
+ .btn-outline-light.active {
1968
1933
  background-color: #f8f9fa;
1969
1934
  border-color: #f8f9fa;
1970
1935
  color: #212529;
1971
1936
  }
1972
- .btn-outline-light:disabled, .disabled.btn-outline-light {
1937
+ .btn-outline-light:disabled, .btn-outline-light.disabled {
1973
1938
  background-color: transparent;
1974
1939
  color: #f8f9fa;
1975
1940
  }
1976
- [aria-expanded=true].btn-outline-light, .show.btn-outline-light {
1941
+ .btn-outline-light[aria-expanded=true], .btn-outline-light.show {
1977
1942
  background-color: #f8f9fa;
1978
1943
  border-color: #f8f9fa;
1979
1944
  color: #212529;
@@ -1987,7 +1952,7 @@ input[type=button].btn-block {
1987
1952
  border-color: #343a40;
1988
1953
  color: #fff;
1989
1954
  }
1990
- .btn-outline-dark:focus, .focus.btn-outline-dark {
1955
+ .btn-outline-dark:focus, .btn-outline-dark.focus {
1991
1956
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
1992
1957
  }
1993
1958
  .btn-outline-dark:active {
@@ -1998,16 +1963,16 @@ input[type=button].btn-block {
1998
1963
  .btn-outline-dark:active:focus {
1999
1964
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
2000
1965
  }
2001
- .active.btn-outline-dark {
1966
+ .btn-outline-dark.active {
2002
1967
  background-color: #343a40;
2003
1968
  border-color: #343a40;
2004
1969
  color: #fff;
2005
1970
  }
2006
- .btn-outline-dark:disabled, .disabled.btn-outline-dark {
1971
+ .btn-outline-dark:disabled, .btn-outline-dark.disabled {
2007
1972
  background-color: transparent;
2008
1973
  color: #343a40;
2009
1974
  }
2010
- [aria-expanded=true].btn-outline-dark, .show.btn-outline-dark {
1975
+ .btn-outline-dark[aria-expanded=true], .btn-outline-dark.show {
2011
1976
  background-color: #343a40;
2012
1977
  border-color: #343a40;
2013
1978
  color: #fff;
@@ -4189,7 +4154,7 @@ input[type=button].btn-block {
4189
4154
  color: #fff;
4190
4155
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
4191
4156
  }
4192
- .badge-beta {
4157
+ if true, .badge-beta, badge-beta {
4193
4158
  background-color: white;
4194
4159
  color: #138496;
4195
4160
  text-transform: uppercase;
@@ -11303,8 +11268,8 @@ label.custom-control-label {
11303
11268
  .modal-content {
11304
11269
  background-clip: padding-box;
11305
11270
  background-color: #fff;
11306
- border: 0.0625rem solid rgba(0, 0, 0, 0.2);
11307
11271
  border-radius: 0.3rem;
11272
+ border: 0.0625rem solid rgba(0, 0, 0, 0.2);
11308
11273
  display: flex;
11309
11274
  flex-direction: column;
11310
11275
  outline: 0;
@@ -11350,13 +11315,9 @@ label.custom-control-label {
11350
11315
 
11351
11316
  .modal-footer {
11352
11317
  align-items: center;
11318
+ border-bottom-left-radius: calc( 0.3rem - 0.0625rem );
11319
+ border-bottom-right-radius: calc( 0.3rem - 0.0625rem );
11353
11320
  border-top: 0.0625rem solid #dee2e6;
11354
- border-bottom-left-radius: calc(
11355
- 0.3rem - 0.0625rem
11356
- );
11357
- border-bottom-right-radius: calc(
11358
- 0.3rem - 0.0625rem
11359
- );
11360
11321
  display: flex;
11361
11322
  flex-shrink: 0;
11362
11323
  flex-wrap: wrap;
@@ -11367,7 +11328,7 @@ label.custom-control-label {
11367
11328
  padding-top: 0.75rem;
11368
11329
  }
11369
11330
  .modal-footer > * {
11370
- margin: 0.25rem;
11331
+ margin: calc(0.5rem * 0.5);
11371
11332
  }
11372
11333
 
11373
11334
  .modal-item-group {
@@ -11444,13 +11405,6 @@ label.custom-control-label {
11444
11405
  margin-right: 0.25rem;
11445
11406
  }
11446
11407
 
11447
- .modal .close:first-child {
11448
- margin-left: -0.3125rem;
11449
- }
11450
- .modal .close:last-child {
11451
- margin-right: -0.3125rem;
11452
- }
11453
-
11454
11408
  .close + .modal-title {
11455
11409
  margin-left: 0.3125rem;
11456
11410
  }
@@ -11582,21 +11536,69 @@ label.custom-control-label {
11582
11536
  border-color: #c3e6cb;
11583
11537
  color: #155724;
11584
11538
  }
11539
+ .modal-success .modal-header .close {
11540
+ color: #155724;
11541
+ }
11542
+ .modal-success .modal-header .close .hover {
11543
+ color: inherit;
11544
+ }
11545
+ .modal-success .modal-header .close .focus {
11546
+ color: inherit;
11547
+ }
11548
+ .modal-success .modal-header .close .disabled {
11549
+ color: inherit;
11550
+ }
11585
11551
  .modal-info .modal-header {
11586
11552
  background-color: #d1ecf1;
11587
11553
  border-color: #bee5eb;
11588
11554
  color: #0c5460;
11589
11555
  }
11556
+ .modal-info .modal-header .close {
11557
+ color: #0c5460;
11558
+ }
11559
+ .modal-info .modal-header .close .hover {
11560
+ color: inherit;
11561
+ }
11562
+ .modal-info .modal-header .close .focus {
11563
+ color: inherit;
11564
+ }
11565
+ .modal-info .modal-header .close .disabled {
11566
+ color: inherit;
11567
+ }
11590
11568
  .modal-warning .modal-header {
11591
11569
  background-color: #fff3cd;
11592
11570
  border-color: #ffeeba;
11593
11571
  color: #856404;
11594
11572
  }
11573
+ .modal-warning .modal-header .close {
11574
+ color: #856404;
11575
+ }
11576
+ .modal-warning .modal-header .close .hover {
11577
+ color: inherit;
11578
+ }
11579
+ .modal-warning .modal-header .close .focus {
11580
+ color: inherit;
11581
+ }
11582
+ .modal-warning .modal-header .close .disabled {
11583
+ color: inherit;
11584
+ }
11595
11585
  .modal-danger .modal-header {
11596
11586
  background-color: #f8d7da;
11597
11587
  border-color: #f5c6cb;
11598
11588
  color: #721c24;
11599
11589
  }
11590
+ .modal-danger .modal-header .close {
11591
+ color: #721c24;
11592
+ }
11593
+ .modal-danger .modal-header .close .hover {
11594
+ color: inherit;
11595
+ }
11596
+ .modal-danger .modal-header .close .focus {
11597
+ color: inherit;
11598
+ }
11599
+ .modal-danger .modal-header .close .disabled {
11600
+ color: inherit;
11601
+ }
11600
11602
  .modal-scrollbar-measure {
11601
11603
  height: 50px;
11602
11604
  overflow: scroll;
@@ -12110,96 +12112,83 @@ label.custom-control-label {
12110
12112
  flex-direction: column;
12111
12113
  flex-wrap: nowrap;
12112
12114
  }
12113
- .nav-nested .nav > li > a {
12115
+ .nav-nested .nav > li > a,
12116
+ .nav-nested .nav > li > .btn {
12114
12117
  padding-left: calc(1rem * 2);
12115
12118
  }
12119
+ .nav-nested .nav > li > a .c-inner,
12120
+ .nav-nested .nav > li > .btn .c-inner {
12121
+ margin-left: calc(1rem * -2);
12122
+ }
12116
12123
  .nav-nested .nav > li > .nav-equal-height-heading {
12117
12124
  padding-left: calc(1rem * 1);
12118
12125
  }
12119
- .nav-nested .nav .nav > li > a {
12126
+ .nav-nested .nav .nav > li > a,
12127
+ .nav-nested .nav .nav > li > .btn {
12120
12128
  padding-left: calc(1rem * 3);
12121
12129
  }
12130
+ .nav-nested .nav .nav > li > a .c-inner,
12131
+ .nav-nested .nav .nav > li > .btn .c-inner {
12132
+ margin-left: calc(1rem * -3);
12133
+ }
12122
12134
  .nav-nested .nav .nav > li > .nav-equal-height-heading {
12123
12135
  padding-left: calc(1rem * 2);
12124
12136
  }
12125
- .nav-nested .nav .nav .nav > li > a {
12137
+ .nav-nested .nav .nav .nav > li > a,
12138
+ .nav-nested .nav .nav .nav > li > .btn {
12126
12139
  padding-left: calc(1rem * 4);
12127
12140
  }
12141
+ .nav-nested .nav .nav .nav > li > a .c-inner,
12142
+ .nav-nested .nav .nav .nav > li > .btn .c-inner {
12143
+ margin-left: calc(1rem * -4);
12144
+ }
12128
12145
  .nav-nested .nav .nav .nav > li > .nav-equal-height-heading {
12129
12146
  padding-left: calc(1rem * 3);
12130
12147
  }
12131
- .nav-nested .nav .nav .nav .nav > li > a {
12148
+ .nav-nested .nav .nav .nav .nav > li > a,
12149
+ .nav-nested .nav .nav .nav .nav > li > .btn {
12132
12150
  padding-left: calc(1rem * 5);
12133
12151
  }
12152
+ .nav-nested .nav .nav .nav .nav > li > a .c-inner,
12153
+ .nav-nested .nav .nav .nav .nav > li > .btn .c-inner {
12154
+ margin-left: calc(1rem * -5);
12155
+ }
12134
12156
  .nav-nested .nav .nav .nav .nav > li > .nav-equal-height-heading {
12135
12157
  padding-left: calc(1rem * 4);
12136
12158
  }
12137
- .nav-nested .nav .nav .nav .nav .nav > li > a {
12159
+ .nav-nested .nav .nav .nav .nav .nav > li > a,
12160
+ .nav-nested .nav .nav .nav .nav .nav > li > .btn {
12138
12161
  padding-left: calc(1rem * 6);
12139
12162
  }
12163
+ .nav-nested .nav .nav .nav .nav .nav > li > a .c-inner,
12164
+ .nav-nested .nav .nav .nav .nav .nav > li > .btn .c-inner {
12165
+ margin-left: calc(1rem * -6);
12166
+ }
12140
12167
  .nav-nested .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
12141
12168
  padding-left: calc(1rem * 5);
12142
12169
  }
12143
- .nav-nested .nav .nav .nav .nav .nav .nav > li > a {
12170
+ .nav-nested .nav .nav .nav .nav .nav .nav > li > a,
12171
+ .nav-nested .nav .nav .nav .nav .nav .nav > li > .btn {
12144
12172
  padding-left: calc(1rem * 7);
12145
12173
  }
12174
+ .nav-nested .nav .nav .nav .nav .nav .nav > li > a .c-inner,
12175
+ .nav-nested .nav .nav .nav .nav .nav .nav > li > .btn .c-inner {
12176
+ margin-left: calc(1rem * -7);
12177
+ }
12146
12178
  .nav-nested .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
12147
12179
  padding-left: calc(1rem * 6);
12148
12180
  }
12149
- .nav-nested .nav .nav .nav .nav .nav .nav .nav > li > a {
12181
+ .nav-nested .nav .nav .nav .nav .nav .nav .nav > li > a,
12182
+ .nav-nested .nav .nav .nav .nav .nav .nav .nav > li > .btn {
12150
12183
  padding-left: calc(1rem * 8);
12151
12184
  }
12185
+ .nav-nested .nav .nav .nav .nav .nav .nav .nav > li > a .c-inner,
12186
+ .nav-nested .nav .nav .nav .nav .nav .nav .nav > li > .btn .c-inner {
12187
+ margin-left: calc(1rem * -8);
12188
+ }
12152
12189
  .nav-nested .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
12153
12190
  padding-left: calc(1rem * 7);
12154
12191
  }
12155
- .nav-nested .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
12156
- padding-left: calc(1rem * 9);
12157
- }
12158
- .nav-nested .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
12159
- padding-left: calc(1rem * 8);
12160
- }
12161
- .nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
12162
- padding-left: calc(1rem * 10);
12163
- }
12164
- .nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
12165
- padding-left: calc(1rem * 9);
12166
- }
12167
- .nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
12168
- padding-left: calc(1rem * 11);
12169
- }
12170
- .nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
12171
- padding-left: calc(1rem * 10);
12172
- }
12173
- .nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
12174
- padding-left: calc(1rem * 12);
12175
- }
12176
- .nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
12177
- padding-left: calc(1rem * 11);
12178
- }
12179
- .nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
12180
- padding-left: calc(1rem * 13);
12181
- }
12182
- .nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
12183
- padding-left: calc(1rem * 12);
12184
- }
12185
- .nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
12186
- padding-left: calc(1rem * 14);
12187
- }
12188
- .nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
12189
- padding-left: calc(1rem * 13);
12190
- }
12191
- .nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
12192
- padding-left: calc(1rem * 15);
12193
- }
12194
- .nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
12195
- padding-left: calc(1rem * 14);
12196
- }
12197
- .nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
12198
- padding-left: calc(1rem * 16);
12199
- }
12200
- .nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
12201
- padding-left: calc(1rem * 15);
12202
- }
12203
12192
 
12204
12193
  .nav-nested-margins {
12205
12194
  flex-direction: column;
@@ -13438,6 +13427,17 @@ label.custom-control-label {
13438
13427
  right: 0;
13439
13428
  width: auto;
13440
13429
  }
13430
+ .navbar-underline.navbar-expand-md.navbar-underline .navbar-nav .nav-link[aria-expanded=true]::after, .navbar-underline.navbar-expand-md.navbar-underline .navbar-nav .nav-link.show::after {
13431
+ background-color: #007bff;
13432
+ bottom: -0.5rem;
13433
+ content: "";
13434
+ display: block;
13435
+ height: 0.1875rem;
13436
+ left: 0;
13437
+ position: absolute;
13438
+ right: 0;
13439
+ width: auto;
13440
+ }
13441
13441
  }
13442
13442
  .application-bar {
13443
13443
  flex-wrap: nowrap;
@@ -16256,6 +16256,9 @@ label.custom-control-label {
16256
16256
  .navigation-bar-light.navbar-expand-md.navbar-underline .navbar-nav .nav-link.active::after {
16257
16257
  background-color: #47a0ff;
16258
16258
  }
16259
+ .navigation-bar-light.navbar-expand-md.navbar-underline .navbar-nav .nav-link[aria-expanded=true]::after, .navigation-bar-light.navbar-expand-md.navbar-underline .navbar-nav .nav-link.show::after {
16260
+ background-color: #47a0ff;
16261
+ }
16259
16262
  }
16260
16263
 
16261
16264
  .navigation-bar-secondary {
@@ -16387,7 +16390,6 @@ label.custom-control-label {
16387
16390
  background-color: #007bff;
16388
16391
  border-color: #007bff;
16389
16392
  color: #fff;
16390
- cursor: default;
16391
16393
  z-index: 3;
16392
16394
  }
16393
16395
  .page-link.active {
@@ -16433,7 +16435,6 @@ label.custom-control-label {
16433
16435
  background-color: #007bff;
16434
16436
  border-color: #007bff;
16435
16437
  color: #fff;
16436
- cursor: default;
16437
16438
  z-index: 3;
16438
16439
  }
16439
16440
  .page-item.disabled .page-link {
@@ -25282,6 +25283,37 @@ button.bg-dark:focus {
25282
25283
  display: none !important;
25283
25284
  }
25284
25285
 
25286
+ .d-block-c-prefers-reduced-motion {
25287
+ display: none !important;
25288
+ }
25289
+
25290
+ .d-inline-block-c-prefers-reduced-motion {
25291
+ display: none !important;
25292
+ }
25293
+
25294
+ @media (prefers-reduced-motion: reduce) {
25295
+ .d-none-c-prefers-reduced-motion {
25296
+ display: none !important;
25297
+ }
25298
+
25299
+ .d-block-c-prefers-reduced-motion {
25300
+ display: block !important;
25301
+ }
25302
+
25303
+ .d-inline-block-c-prefers-reduced-motion {
25304
+ display: inline-block !important;
25305
+ }
25306
+ }
25307
+ .c-prefers-reduced-motion .d-none-c-prefers-reduced-motion {
25308
+ display: none !important;
25309
+ }
25310
+ .c-prefers-reduced-motion .d-block-c-prefers-reduced-motion {
25311
+ display: block !important;
25312
+ }
25313
+ .c-prefers-reduced-motion .d-inline-block-c-prefers-reduced-motion {
25314
+ display: inline-block !important;
25315
+ }
25316
+
25285
25317
  @media print {
25286
25318
  .d-print-none {
25287
25319
  display: none !important;