vhx-quartz 0.7.7 → 0.8.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.
- checksums.yaml +4 -4
- data/lib/vhx/quartz/version.rb +1 -1
- data/vendor/assets/javascripts/vhx-quartz.autosuggest.js +266 -0
- data/vendor/assets/javascripts/vhx-quartz.checkbox.js +46 -0
- data/vendor/assets/javascripts/vhx-quartz.filter.js +254 -0
- data/vendor/assets/javascripts/vhx-quartz.header.js +27 -0
- data/vendor/assets/javascripts/vhx-quartz.radio.js +66 -0
- data/vendor/assets/javascripts/vhx-quartz.search_input.js +66 -0
- data/vendor/assets/javascripts/vhx-quartz.select.js +263 -0
- data/vendor/assets/stylesheets/vhx-quartz.autosuggest.css +67 -0
- data/vendor/assets/stylesheets/vhx-quartz.checkbox.css +328 -0
- data/vendor/assets/stylesheets/vhx-quartz.css +9 -616
- data/vendor/assets/stylesheets/vhx-quartz.filter.css +66 -0
- data/vendor/assets/stylesheets/vhx-quartz.min.css +1 -1
- data/vendor/assets/stylesheets/vhx-quartz.radio.css +150 -0
- data/vendor/assets/stylesheets/vhx-quartz.select.css +128 -0
- metadata +14 -2
|
@@ -1610,335 +1610,6 @@ select {
|
|
|
1610
1610
|
background: #375667;
|
|
1611
1611
|
border-radius: 10px; }
|
|
1612
1612
|
|
|
1613
|
-
/* .....................................
|
|
1614
|
-
Fonts
|
|
1615
|
-
..................................... */
|
|
1616
|
-
/* .....................................
|
|
1617
|
-
Sets
|
|
1618
|
-
..................................... */
|
|
1619
|
-
/* .....................................
|
|
1620
|
-
Media Query Ranges
|
|
1621
|
-
..................................... */
|
|
1622
|
-
/* .....................................
|
|
1623
|
-
Colors - Grays
|
|
1624
|
-
..................................... */
|
|
1625
|
-
/* .....................................
|
|
1626
|
-
Colors - Teals
|
|
1627
|
-
..................................... */
|
|
1628
|
-
/* .....................................
|
|
1629
|
-
Colors - Red
|
|
1630
|
-
..................................... */
|
|
1631
|
-
/* .....................................
|
|
1632
|
-
Colors - Navy
|
|
1633
|
-
..................................... */
|
|
1634
|
-
/* .....................................
|
|
1635
|
-
Colors - Brand Palette
|
|
1636
|
-
..................................... */
|
|
1637
|
-
/* .....................................
|
|
1638
|
-
Colors - External Palette
|
|
1639
|
-
..................................... */
|
|
1640
|
-
/* helper function for margin and padding
|
|
1641
|
-
......................................*/
|
|
1642
|
-
/*.....................................
|
|
1643
|
-
Admin Checkbox
|
|
1644
|
-
......................................*/
|
|
1645
|
-
.form .checkbox {
|
|
1646
|
-
position: relative;
|
|
1647
|
-
display: inline-block;
|
|
1648
|
-
min-height: 40px;
|
|
1649
|
-
width: 100%;
|
|
1650
|
-
color: #5E7887;
|
|
1651
|
-
font-size: 14px;
|
|
1652
|
-
background: transparent;
|
|
1653
|
-
user-select: none;
|
|
1654
|
-
/* checkbox
|
|
1655
|
-
...................................*/
|
|
1656
|
-
/* label unchecked
|
|
1657
|
-
...................................*/
|
|
1658
|
-
/* label not-checked
|
|
1659
|
-
...................................*/
|
|
1660
|
-
/* label checked
|
|
1661
|
-
...................................*/
|
|
1662
|
-
/* label checked
|
|
1663
|
-
...................................*/ }
|
|
1664
|
-
.form .checkbox:after {
|
|
1665
|
-
content: "";
|
|
1666
|
-
display: table;
|
|
1667
|
-
clear: both; }
|
|
1668
|
-
.form .checkbox input[type="checkbox"] {
|
|
1669
|
-
display: none; }
|
|
1670
|
-
.form .checkbox label {
|
|
1671
|
-
display: block;
|
|
1672
|
-
min-height: 40px;
|
|
1673
|
-
margin: 0;
|
|
1674
|
-
float: left;
|
|
1675
|
-
box-sizing: border-box;
|
|
1676
|
-
line-height: 40px; }
|
|
1677
|
-
.form .checkbox label:after {
|
|
1678
|
-
content: "";
|
|
1679
|
-
display: table;
|
|
1680
|
-
clear: both; }
|
|
1681
|
-
.form .checkbox label.wide {
|
|
1682
|
-
width: 100%; }
|
|
1683
|
-
.form .checkbox label.wide .checkbox--contain {
|
|
1684
|
-
min-height: 40px; }
|
|
1685
|
-
.form .checkbox label .checkbox--contain {
|
|
1686
|
-
width: 100%;
|
|
1687
|
-
display: block; }
|
|
1688
|
-
.form .checkbox label .checkbox--contain:after {
|
|
1689
|
-
content: "";
|
|
1690
|
-
display: table;
|
|
1691
|
-
clear: both; }
|
|
1692
|
-
.form .checkbox label .checkbox--icon {
|
|
1693
|
-
display: inline-block;
|
|
1694
|
-
width: 40px;
|
|
1695
|
-
height: 40px;
|
|
1696
|
-
margin-right: 10;
|
|
1697
|
-
float: left;
|
|
1698
|
-
background-color: #fff;
|
|
1699
|
-
background-position: 50% 50%;
|
|
1700
|
-
background-size: 75%;
|
|
1701
|
-
position: relative;
|
|
1702
|
-
box-shadow: none;
|
|
1703
|
-
box-sizing: border-box;
|
|
1704
|
-
border-radius: 3px;
|
|
1705
|
-
transition: box-shadow .2s ease, color .2s ease; }
|
|
1706
|
-
.form .checkbox label .checkbox--icon .checkbox-animate {
|
|
1707
|
-
transition: all 300ms ease;
|
|
1708
|
-
width: 30px;
|
|
1709
|
-
height: 30px;
|
|
1710
|
-
top: 4px;
|
|
1711
|
-
right: 4px;
|
|
1712
|
-
display: block;
|
|
1713
|
-
position: absolute;
|
|
1714
|
-
background: #fff; }
|
|
1715
|
-
.form .checkbox label .checkbox--label {
|
|
1716
|
-
display: block;
|
|
1717
|
-
margin-left: 5px;
|
|
1718
|
-
float: left;
|
|
1719
|
-
min-height: 40px; }
|
|
1720
|
-
.form .checkbox label.check-right .checkbox--label {
|
|
1721
|
-
float: left;
|
|
1722
|
-
text-align: left; }
|
|
1723
|
-
.form .checkbox label.check-right .checkbox--icon {
|
|
1724
|
-
float: right; }
|
|
1725
|
-
.form .checkbox.invert input[type="checkbox"]:checked + label .checkbox--icon,
|
|
1726
|
-
.form .checkbox input[type="checkbox"]:not(:checked) + label .checkbox--icon {
|
|
1727
|
-
transition: border 400ms ease-out;
|
|
1728
|
-
border: 1px solid #d1d9dc;
|
|
1729
|
-
background-image: none; }
|
|
1730
|
-
.form .checkbox input[type="checkbox"]:checked + label .checkbox--icon, .form .checkbox.invert input[type="checkbox"]:not(:checked) + label .checkbox--icon {
|
|
1731
|
-
transition: border 400ms ease-out;
|
|
1732
|
-
border: 1px solid #5E7887;
|
|
1733
|
-
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20fill%3D%22%2322B8AF%22%20d%3D%22M9.291%2019.819l-3.323-3.323%2013.293-13.293%203.323%203.323z%22%2F%3E%3Cpath%20fill%3D%22%23149996%22%20d%3D%22M3.748%207.535l8.84%208.838-3.323%203.324-8.84-8.838z%22%2F%3E%3C%2Fsvg%3E");
|
|
1734
|
-
background-repeat: no-repeat; }
|
|
1735
|
-
.form .checkbox input[type="checkbox"]:checked + label .checkbox--icon .checkbox-animate, .form .checkbox.invert input[type="checkbox"]:not(:checked) + label .checkbox--icon .checkbox-animate {
|
|
1736
|
-
width: 0px;
|
|
1737
|
-
height: 0px; }
|
|
1738
|
-
.form .checkbox input[type="checkbox"]:focus + label .checkbox--icon {
|
|
1739
|
-
border: 1px solid #9aaab4; }
|
|
1740
|
-
|
|
1741
|
-
.form .checkbox.small {
|
|
1742
|
-
min-height: 13.33333px; }
|
|
1743
|
-
.form .checkbox.small label {
|
|
1744
|
-
min-height: 13.33333px;
|
|
1745
|
-
line-height: 13.33333px; }
|
|
1746
|
-
.form .checkbox.small label .checkbox--icon {
|
|
1747
|
-
width: 13.33333px;
|
|
1748
|
-
height: 13.33333px; }
|
|
1749
|
-
.form .checkbox.small label .checkbox--icon .checkbox-animate {
|
|
1750
|
-
width: 10.33333px;
|
|
1751
|
-
height: 10.33333px;
|
|
1752
|
-
top: 1px;
|
|
1753
|
-
right: 1px; }
|
|
1754
|
-
.form .checkbox.small label .checkbox--label,
|
|
1755
|
-
.form .checkbox.small label .checkbox--contain {
|
|
1756
|
-
min-height: 13.33333px; }
|
|
1757
|
-
|
|
1758
|
-
.form .checkbox.medium {
|
|
1759
|
-
min-height: 20px; }
|
|
1760
|
-
.form .checkbox.medium label {
|
|
1761
|
-
min-height: 20px;
|
|
1762
|
-
line-height: 20px; }
|
|
1763
|
-
.form .checkbox.medium label .checkbox--icon {
|
|
1764
|
-
width: 20px;
|
|
1765
|
-
height: 20px; }
|
|
1766
|
-
.form .checkbox.medium label .checkbox--icon .checkbox-animate {
|
|
1767
|
-
width: 15px;
|
|
1768
|
-
height: 15px;
|
|
1769
|
-
top: 2px;
|
|
1770
|
-
right: 2px; }
|
|
1771
|
-
.form .checkbox.medium label .checkbox--label,
|
|
1772
|
-
.form .checkbox.medium label .checkbox--contain {
|
|
1773
|
-
min-height: 20px; }
|
|
1774
|
-
|
|
1775
|
-
.form .checkbox.alt {
|
|
1776
|
-
/* label not-checked
|
|
1777
|
-
...................................*/
|
|
1778
|
-
/* label checked
|
|
1779
|
-
...................................*/ }
|
|
1780
|
-
.form .checkbox.alt label {
|
|
1781
|
-
border-radius: 20px;
|
|
1782
|
-
background: #ffffff;
|
|
1783
|
-
width: 70px;
|
|
1784
|
-
padding: 7px; }
|
|
1785
|
-
.form .checkbox.alt label .checkbox--contain {
|
|
1786
|
-
display: block;
|
|
1787
|
-
background: #ffffff;
|
|
1788
|
-
position: relative;
|
|
1789
|
-
padding: 0;
|
|
1790
|
-
border-radius: 20px;
|
|
1791
|
-
height: 100%;
|
|
1792
|
-
width: 100%; }
|
|
1793
|
-
.form .checkbox.alt label .checkbox--label {
|
|
1794
|
-
display: none; }
|
|
1795
|
-
.form .checkbox.alt label .checkbox--circle {
|
|
1796
|
-
transition: all 200ms ease;
|
|
1797
|
-
display: inline-block;
|
|
1798
|
-
width: 24px;
|
|
1799
|
-
height: 24px;
|
|
1800
|
-
position: absolute;
|
|
1801
|
-
top: 0; }
|
|
1802
|
-
.form .checkbox.alt label .checkbox--circle .circle-top {
|
|
1803
|
-
transition: opacity .2s ease;
|
|
1804
|
-
display: block;
|
|
1805
|
-
height: 12px;
|
|
1806
|
-
overflow: hidden;
|
|
1807
|
-
position: absolute;
|
|
1808
|
-
top: 0px;
|
|
1809
|
-
left: 0px; }
|
|
1810
|
-
.form .checkbox.alt label .checkbox--circle .circle-top span {
|
|
1811
|
-
display: block;
|
|
1812
|
-
width: 24px;
|
|
1813
|
-
height: 24px;
|
|
1814
|
-
background: #D7DDE1;
|
|
1815
|
-
border-radius: 24px; }
|
|
1816
|
-
.form .checkbox.alt label .checkbox--circle .circle-bottom {
|
|
1817
|
-
transition: opacity .2s ease;
|
|
1818
|
-
display: block;
|
|
1819
|
-
height: 12px;
|
|
1820
|
-
overflow: hidden;
|
|
1821
|
-
position: absolute;
|
|
1822
|
-
bottom: 0px;
|
|
1823
|
-
left: 0px; }
|
|
1824
|
-
.form .checkbox.alt label .checkbox--circle .circle-bottom span {
|
|
1825
|
-
position: relative;
|
|
1826
|
-
top: -12px;
|
|
1827
|
-
display: block;
|
|
1828
|
-
width: 24px;
|
|
1829
|
-
height: 24px;
|
|
1830
|
-
background: #D7DDE1;
|
|
1831
|
-
border-radius: 23px; }
|
|
1832
|
-
.form .checkbox.alt.invert input[type="checkbox"]:checked + label,
|
|
1833
|
-
.form .checkbox.alt input[type="checkbox"]:not(:checked) + label {
|
|
1834
|
-
border: 1px solid #d1d9dc; }
|
|
1835
|
-
.form .checkbox.alt.invert input[type="checkbox"]:checked + label .checkbox--icon,
|
|
1836
|
-
.form .checkbox.alt input[type="checkbox"]:not(:checked) + label .checkbox--icon {
|
|
1837
|
-
border: none;
|
|
1838
|
-
height: 20px;
|
|
1839
|
-
width: 20px;
|
|
1840
|
-
position: absolute;
|
|
1841
|
-
margin-right: 0;
|
|
1842
|
-
top: 2px;
|
|
1843
|
-
left: auto;
|
|
1844
|
-
right: 3px;
|
|
1845
|
-
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20d%3D%22M21.5%2018.3c.3.3.4.6.4.9%200%20.3-.1.6-.4.9l-1.3%201.4c-.3.3-.6.4-.9.4-.3%200-.6-.1-.9-.4l-6.8-6.8-6.8%206.8c-.3.3-.6.4-.9.4-.3%200-.6-.1-.9-.4l-1.4-1.3c-.3-.3-.4-.6-.4-.9%200-.3.1-.6.4-.9l6.8-6.9-6.9-6.8c-.2-.3-.3-.6-.3-.9%200-.3.1-.6.4-.9l1.4-1.4c.3-.3.6-.4.9-.4.3%200%20.6.1.9.4l6.8%206.8%206.8-6.8c.3-.3.6-.4.9-.4.3%200%20.6.1.9.4l1.3%201.4c.3.3.4.6.4.9%200%20.3-.1.7-.4.9l-6.8%206.9%206.8%206.7z%22%20fill%3D%22%23D1D9DC%22%2F%3E%3C%2Fsvg%3E");
|
|
1846
|
-
background-repeat: no-repeat; }
|
|
1847
|
-
.form .checkbox.alt.invert input[type="checkbox"]:checked + label .checkbox--circle,
|
|
1848
|
-
.form .checkbox.alt input[type="checkbox"]:not(:checked) + label .checkbox--circle {
|
|
1849
|
-
left: 0; }
|
|
1850
|
-
.form .checkbox.alt.invert input[type="checkbox"]:checked + label .checkbox--circle .circle-top span,
|
|
1851
|
-
.form .checkbox.alt input[type="checkbox"]:not(:checked) + label .checkbox--circle .circle-top span {
|
|
1852
|
-
background: #D7DDE1; }
|
|
1853
|
-
.form .checkbox.alt.invert input[type="checkbox"]:checked + label .checkbox--circle .circle-bottom span,
|
|
1854
|
-
.form .checkbox.alt input[type="checkbox"]:not(:checked) + label .checkbox--circle .circle-bottom span {
|
|
1855
|
-
background: #D7DDE1; }
|
|
1856
|
-
.form .checkbox.alt input[type="checkbox"]:checked + label, .form .checkbox.alt.invert input[type="checkbox"]:not(:checked) + label {
|
|
1857
|
-
border: 1px solid #9aaab4; }
|
|
1858
|
-
.form .checkbox.alt input[type="checkbox"]:checked + label .contain, .form .checkbox.alt.invert input[type="checkbox"]:not(:checked) + label .contain {
|
|
1859
|
-
background: #149A97; }
|
|
1860
|
-
.form .checkbox.alt input[type="checkbox"]:checked + label .checkbox--icon, .form .checkbox.alt.invert input[type="checkbox"]:not(:checked) + label .checkbox--icon {
|
|
1861
|
-
border: none;
|
|
1862
|
-
height: 20px;
|
|
1863
|
-
width: 20px;
|
|
1864
|
-
position: absolute;
|
|
1865
|
-
margin-right: 0;
|
|
1866
|
-
top: 2px;
|
|
1867
|
-
left: 5px;
|
|
1868
|
-
right: auto;
|
|
1869
|
-
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cg%20fill%3D%22%2322B8AF%22%3E%3Cpath%20d%3D%22M9.291%2019.819l-3.323-3.323%2013.293-13.293%203.323%203.323zM3.748%207.535l8.84%208.838-3.323%203.324-8.84-8.838z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
1870
|
-
background-repeat: no-repeat; }
|
|
1871
|
-
.form .checkbox.alt input[type="checkbox"]:checked + label .checkbox--circle, .form .checkbox.alt.invert input[type="checkbox"]:not(:checked) + label .checkbox--circle {
|
|
1872
|
-
left: 30px; }
|
|
1873
|
-
.form .checkbox.alt input[type="checkbox"]:checked + label .checkbox--circle .circle-top span, .form .checkbox.alt.invert input[type="checkbox"]:not(:checked) + label .checkbox--circle .circle-top span {
|
|
1874
|
-
background: #22B9B0; }
|
|
1875
|
-
.form .checkbox.alt input[type="checkbox"]:checked + label .checkbox--circle .circle-bottom span, .form .checkbox.alt.invert input[type="checkbox"]:not(:checked) + label .checkbox--circle .circle-bottom span {
|
|
1876
|
-
background: #149A97; }
|
|
1877
|
-
.form .checkbox.alt.small input[type="checkbox"]:checked + label .checkbox--circle, .form .checkbox.alt.small.invert input[type="checkbox"]:not(:checked) + label .checkbox--circle {
|
|
1878
|
-
left: 20px; }
|
|
1879
|
-
.form .checkbox.alt.small {
|
|
1880
|
-
/* label not-checked
|
|
1881
|
-
...................................*/
|
|
1882
|
-
/* label checked
|
|
1883
|
-
...................................*/ }
|
|
1884
|
-
.form .checkbox.alt.small label {
|
|
1885
|
-
border-radius: 15px;
|
|
1886
|
-
width: 52.5px;
|
|
1887
|
-
padding: 7px; }
|
|
1888
|
-
.form .checkbox.alt.small label .checkbox--contain {
|
|
1889
|
-
border-radius: 15px; }
|
|
1890
|
-
.form .checkbox.alt.small label .checkbox--circle {
|
|
1891
|
-
left: 0px;
|
|
1892
|
-
top: -2px;
|
|
1893
|
-
width: 18px;
|
|
1894
|
-
height: 18px; }
|
|
1895
|
-
.form .checkbox.alt.small label .checkbox--circle .circle-top {
|
|
1896
|
-
height: 9px; }
|
|
1897
|
-
.form .checkbox.alt.small label .checkbox--circle .circle-top span {
|
|
1898
|
-
width: 18px;
|
|
1899
|
-
height: 18px;
|
|
1900
|
-
border-radius: 18px; }
|
|
1901
|
-
.form .checkbox.alt.small label .checkbox--circle .circle-bottom {
|
|
1902
|
-
height: 9px; }
|
|
1903
|
-
.form .checkbox.alt.small label .checkbox--circle .circle-bottom span {
|
|
1904
|
-
top: -9px;
|
|
1905
|
-
width: 18px;
|
|
1906
|
-
height: 18px;
|
|
1907
|
-
border-radius: 18px; }
|
|
1908
|
-
.form .checkbox.alt.small.invert input[type="checkbox"]:checked + label .checkbox--icon,
|
|
1909
|
-
.form .checkbox.alt.small input[type="checkbox"]:not(:checked) + label .checkbox--icon {
|
|
1910
|
-
height: 15px;
|
|
1911
|
-
width: 15px;
|
|
1912
|
-
top: 0px;
|
|
1913
|
-
right: 0px;
|
|
1914
|
-
left: auto; }
|
|
1915
|
-
.form .checkbox.alt.small.invert input[type="checkbox"]:checked + label .checkbox--circle,
|
|
1916
|
-
.form .checkbox.alt.small input[type="checkbox"]:not(:checked) + label .checkbox--circle {
|
|
1917
|
-
left: 0px; }
|
|
1918
|
-
.form .checkbox.alt.small input[type="checkbox"]:checked + label .checkbox--icon, .form .checkbox.alt.small.invert input[type="checkbox"]:not(:checked) + label .checkbox--icon {
|
|
1919
|
-
height: 18px;
|
|
1920
|
-
width: 18px;
|
|
1921
|
-
top: -2px;
|
|
1922
|
-
left: -1px;
|
|
1923
|
-
right: auto; }
|
|
1924
|
-
|
|
1925
|
-
.checkbox-container:after {
|
|
1926
|
-
clear: both; }
|
|
1927
|
-
.checkbox-container:before, .checkbox-container:after {
|
|
1928
|
-
content: " ";
|
|
1929
|
-
display: table; }
|
|
1930
|
-
.checkbox-container .checkbox {
|
|
1931
|
-
float: left;
|
|
1932
|
-
width: auto; }
|
|
1933
|
-
.checkbox-container .checkbox-label {
|
|
1934
|
-
float: left;
|
|
1935
|
-
padding-left: 15px;
|
|
1936
|
-
line-height: 30px; }
|
|
1937
|
-
|
|
1938
|
-
[data-checkable].is-hovered, [data-checkable]:hover {
|
|
1939
|
-
background: #149A97 !important;
|
|
1940
|
-
cursor: pointer; }
|
|
1941
|
-
|
|
1942
1613
|
/* .....................................
|
|
1943
1614
|
Fonts
|
|
1944
1615
|
..................................... */
|
|
@@ -3543,138 +3214,6 @@ hr.column {
|
|
|
3543
3214
|
left: 15px;
|
|
3544
3215
|
color: #F0F2F4; }
|
|
3545
3216
|
|
|
3546
|
-
/* .....................................
|
|
3547
|
-
Fonts
|
|
3548
|
-
..................................... */
|
|
3549
|
-
/* .....................................
|
|
3550
|
-
Sets
|
|
3551
|
-
..................................... */
|
|
3552
|
-
/* .....................................
|
|
3553
|
-
Media Query Ranges
|
|
3554
|
-
..................................... */
|
|
3555
|
-
/* .....................................
|
|
3556
|
-
Colors - Grays
|
|
3557
|
-
..................................... */
|
|
3558
|
-
/* .....................................
|
|
3559
|
-
Colors - Teals
|
|
3560
|
-
..................................... */
|
|
3561
|
-
/* .....................................
|
|
3562
|
-
Colors - Red
|
|
3563
|
-
..................................... */
|
|
3564
|
-
/* .....................................
|
|
3565
|
-
Colors - Navy
|
|
3566
|
-
..................................... */
|
|
3567
|
-
/* .....................................
|
|
3568
|
-
Colors - Brand Palette
|
|
3569
|
-
..................................... */
|
|
3570
|
-
/* .....................................
|
|
3571
|
-
Colors - External Palette
|
|
3572
|
-
..................................... */
|
|
3573
|
-
/* helper function for margin and padding
|
|
3574
|
-
......................................*/
|
|
3575
|
-
/*.....................................
|
|
3576
|
-
Admin Radio
|
|
3577
|
-
......................................*/
|
|
3578
|
-
.form .radio {
|
|
3579
|
-
position: relative;
|
|
3580
|
-
display: inline-block;
|
|
3581
|
-
width: 100%;
|
|
3582
|
-
list-style: none;
|
|
3583
|
-
margin-left: 0;
|
|
3584
|
-
color: #5E7887;
|
|
3585
|
-
font-size: 14px;
|
|
3586
|
-
background: transparent;
|
|
3587
|
-
user-select: none;
|
|
3588
|
-
/* radio
|
|
3589
|
-
...................................*/
|
|
3590
|
-
/* label unchecked
|
|
3591
|
-
...................................*/
|
|
3592
|
-
/* label checked
|
|
3593
|
-
...................................*/
|
|
3594
|
-
/* stacked radio
|
|
3595
|
-
...................................*/
|
|
3596
|
-
/* color styles
|
|
3597
|
-
...................................*/ }
|
|
3598
|
-
.form .radio input[type="radio"] {
|
|
3599
|
-
display: none; }
|
|
3600
|
-
.form .radio li {
|
|
3601
|
-
display: inline-block;
|
|
3602
|
-
margin-right: 10px; }
|
|
3603
|
-
.form .radio li:after {
|
|
3604
|
-
clear: both; }
|
|
3605
|
-
.form .radio li:before, .form .radio li:after {
|
|
3606
|
-
content: " ";
|
|
3607
|
-
display: table; }
|
|
3608
|
-
.form .radio label {
|
|
3609
|
-
display: block;
|
|
3610
|
-
height: 20px;
|
|
3611
|
-
line-height: 20px;
|
|
3612
|
-
margin: 0px;
|
|
3613
|
-
float: left;
|
|
3614
|
-
box-sizing: border-box; }
|
|
3615
|
-
.form .radio label .radio--icon {
|
|
3616
|
-
position: relative;
|
|
3617
|
-
display: inline-block;
|
|
3618
|
-
width: 20px;
|
|
3619
|
-
height: 20px;
|
|
3620
|
-
margin-right: 5px;
|
|
3621
|
-
float: left;
|
|
3622
|
-
border: 1px solid #5E7887;
|
|
3623
|
-
box-shadow: none;
|
|
3624
|
-
box-sizing: border-box;
|
|
3625
|
-
border-radius: 20px;
|
|
3626
|
-
transition: box-shadow .2s ease, color .2s ease; }
|
|
3627
|
-
.form .radio label .radio--icon .circle-top {
|
|
3628
|
-
opacity: 0;
|
|
3629
|
-
transition: opacity .2s ease;
|
|
3630
|
-
display: block;
|
|
3631
|
-
height: 5px;
|
|
3632
|
-
overflow: hidden;
|
|
3633
|
-
position: absolute;
|
|
3634
|
-
top: 4px;
|
|
3635
|
-
left: 4px; }
|
|
3636
|
-
.form .radio label .radio--icon .circle-top span {
|
|
3637
|
-
display: block;
|
|
3638
|
-
width: 10px;
|
|
3639
|
-
height: 10px;
|
|
3640
|
-
background: #D7DDE1;
|
|
3641
|
-
border-radius: 10px; }
|
|
3642
|
-
.form .radio label .radio--icon .circle-bottom {
|
|
3643
|
-
opacity: 0;
|
|
3644
|
-
transition: opacity .2s ease;
|
|
3645
|
-
display: block;
|
|
3646
|
-
height: 5px;
|
|
3647
|
-
overflow: hidden;
|
|
3648
|
-
position: absolute;
|
|
3649
|
-
bottom: 4px;
|
|
3650
|
-
left: 4px; }
|
|
3651
|
-
.form .radio label .radio--icon .circle-bottom span {
|
|
3652
|
-
position: relative;
|
|
3653
|
-
top: -5px;
|
|
3654
|
-
display: block;
|
|
3655
|
-
width: 10px;
|
|
3656
|
-
height: 10px;
|
|
3657
|
-
background: #5E7887;
|
|
3658
|
-
border-radius: 10px; }
|
|
3659
|
-
.form .radio label .radio--label {
|
|
3660
|
-
display: block;
|
|
3661
|
-
float: left;
|
|
3662
|
-
height: 20px; }
|
|
3663
|
-
.form .radio input[type="radio"]:checked + label .radio--icon .circle-top, .form .radio input[type="radio"]:checked + label .radio--icon .circle-bottom {
|
|
3664
|
-
opacity: 1;
|
|
3665
|
-
transition: opacity .2s ease; }
|
|
3666
|
-
.form .radio.stack {
|
|
3667
|
-
display: block;
|
|
3668
|
-
height: auto; }
|
|
3669
|
-
.form .radio.stack li {
|
|
3670
|
-
display: block;
|
|
3671
|
-
margin-right: 0px;
|
|
3672
|
-
margin-bottom: 10px; }
|
|
3673
|
-
.form .radio.primary .circle-top span {
|
|
3674
|
-
background: #22B9B0 !important; }
|
|
3675
|
-
.form .radio.primary .circle-bottom span {
|
|
3676
|
-
background: #149A97 !important; }
|
|
3677
|
-
|
|
3678
3217
|
/* .....................................
|
|
3679
3218
|
Fonts
|
|
3680
3219
|
..................................... */
|
|
@@ -7323,157 +6862,6 @@ a.head--white:hover, a.head--white:active {
|
|
|
7323
6862
|
..................................... */
|
|
7324
6863
|
/* helper function for margin and padding
|
|
7325
6864
|
......................................*/
|
|
7326
|
-
/*.....................................
|
|
7327
|
-
Admin Radio
|
|
7328
|
-
......................................*/
|
|
7329
|
-
.form .radio-gray,
|
|
7330
|
-
.form .radio-teal {
|
|
7331
|
-
position: relative;
|
|
7332
|
-
display: inline-block;
|
|
7333
|
-
width: 100%;
|
|
7334
|
-
list-style: none;
|
|
7335
|
-
margin-left: 0;
|
|
7336
|
-
color: #5E7887;
|
|
7337
|
-
font-size: 14px;
|
|
7338
|
-
background: transparent;
|
|
7339
|
-
user-select: none;
|
|
7340
|
-
/* radio
|
|
7341
|
-
...................................*/
|
|
7342
|
-
/* label unchecked
|
|
7343
|
-
...................................*/
|
|
7344
|
-
/* label checked
|
|
7345
|
-
...................................*/
|
|
7346
|
-
/* stacked radio
|
|
7347
|
-
...................................*/
|
|
7348
|
-
/* color styles
|
|
7349
|
-
...................................*/ }
|
|
7350
|
-
.form .radio-gray input[type="radio"],
|
|
7351
|
-
.form .radio-teal input[type="radio"] {
|
|
7352
|
-
display: none; }
|
|
7353
|
-
.form .radio-gray li,
|
|
7354
|
-
.form .radio-teal li {
|
|
7355
|
-
display: inline-block;
|
|
7356
|
-
margin-right: 10px; }
|
|
7357
|
-
.form .radio-gray li:after,
|
|
7358
|
-
.form .radio-teal li:after {
|
|
7359
|
-
clear: both; }
|
|
7360
|
-
.form .radio-gray li:before, .form .radio-gray li:after,
|
|
7361
|
-
.form .radio-teal li:before,
|
|
7362
|
-
.form .radio-teal li:after {
|
|
7363
|
-
content: " ";
|
|
7364
|
-
display: table; }
|
|
7365
|
-
.form .radio-gray label,
|
|
7366
|
-
.form .radio-teal label {
|
|
7367
|
-
display: block;
|
|
7368
|
-
height: 20px;
|
|
7369
|
-
line-height: 20px;
|
|
7370
|
-
margin: 0px;
|
|
7371
|
-
float: left;
|
|
7372
|
-
box-sizing: border-box; }
|
|
7373
|
-
.form .radio-gray label .radio--icon,
|
|
7374
|
-
.form .radio-teal label .radio--icon {
|
|
7375
|
-
position: relative;
|
|
7376
|
-
display: inline-block;
|
|
7377
|
-
width: 20px;
|
|
7378
|
-
height: 20px;
|
|
7379
|
-
margin-right: 5px;
|
|
7380
|
-
float: left;
|
|
7381
|
-
border: 1px solid #5E7887;
|
|
7382
|
-
box-shadow: none;
|
|
7383
|
-
box-sizing: border-box;
|
|
7384
|
-
border-radius: 20px;
|
|
7385
|
-
transition: box-shadow .2s ease, color .2s ease; }
|
|
7386
|
-
.form .radio-gray label .radio--icon .circle-top,
|
|
7387
|
-
.form .radio-teal label .radio--icon .circle-top {
|
|
7388
|
-
opacity: 0;
|
|
7389
|
-
transition: opacity .2s ease;
|
|
7390
|
-
display: block;
|
|
7391
|
-
height: 5px;
|
|
7392
|
-
overflow: hidden;
|
|
7393
|
-
position: absolute;
|
|
7394
|
-
top: 4px;
|
|
7395
|
-
left: 4px; }
|
|
7396
|
-
.form .radio-gray label .radio--icon .circle-top span,
|
|
7397
|
-
.form .radio-teal label .radio--icon .circle-top span {
|
|
7398
|
-
display: block;
|
|
7399
|
-
width: 10px;
|
|
7400
|
-
height: 10px;
|
|
7401
|
-
background: #869AA5;
|
|
7402
|
-
border-radius: 10px; }
|
|
7403
|
-
.form .radio-gray label .radio--icon .circle-bottom,
|
|
7404
|
-
.form .radio-teal label .radio--icon .circle-bottom {
|
|
7405
|
-
opacity: 0;
|
|
7406
|
-
transition: opacity .2s ease;
|
|
7407
|
-
display: block;
|
|
7408
|
-
height: 5px;
|
|
7409
|
-
overflow: hidden;
|
|
7410
|
-
position: absolute;
|
|
7411
|
-
bottom: 4px;
|
|
7412
|
-
left: 4px; }
|
|
7413
|
-
.form .radio-gray label .radio--icon .circle-bottom span,
|
|
7414
|
-
.form .radio-teal label .radio--icon .circle-bottom span {
|
|
7415
|
-
position: relative;
|
|
7416
|
-
top: -5px;
|
|
7417
|
-
display: block;
|
|
7418
|
-
width: 10px;
|
|
7419
|
-
height: 10px;
|
|
7420
|
-
background: #5E7887;
|
|
7421
|
-
border-radius: 10px; }
|
|
7422
|
-
.form .radio-gray label .radio--label,
|
|
7423
|
-
.form .radio-teal label .radio--label {
|
|
7424
|
-
display: block;
|
|
7425
|
-
float: left;
|
|
7426
|
-
height: 20px; }
|
|
7427
|
-
.form .radio-gray input[type="radio"]:checked + label .radio--icon .circle-top, .form .radio-gray input[type="radio"]:checked + label .radio--icon .circle-bottom,
|
|
7428
|
-
.form .radio-teal input[type="radio"]:checked + label .radio--icon .circle-top,
|
|
7429
|
-
.form .radio-teal input[type="radio"]:checked + label .radio--icon .circle-bottom {
|
|
7430
|
-
opacity: 1;
|
|
7431
|
-
transition: opacity .2s ease; }
|
|
7432
|
-
.form .radio-gray.radio--stacked,
|
|
7433
|
-
.form .radio-teal.radio--stacked {
|
|
7434
|
-
display: block;
|
|
7435
|
-
height: auto; }
|
|
7436
|
-
.form .radio-gray.radio--stacked li,
|
|
7437
|
-
.form .radio-teal.radio--stacked li {
|
|
7438
|
-
display: block;
|
|
7439
|
-
margin-right: 0px;
|
|
7440
|
-
margin-bottom: 10px; }
|
|
7441
|
-
.form .radio-gray.radio-teal .circle-top span,
|
|
7442
|
-
.form .radio-teal.radio-teal .circle-top span {
|
|
7443
|
-
background: #22B9B0 !important; }
|
|
7444
|
-
.form .radio-gray.radio-teal .circle-bottom span,
|
|
7445
|
-
.form .radio-teal.radio-teal .circle-bottom span {
|
|
7446
|
-
background: #149A97 !important; }
|
|
7447
|
-
|
|
7448
|
-
/* .....................................
|
|
7449
|
-
Fonts
|
|
7450
|
-
..................................... */
|
|
7451
|
-
/* .....................................
|
|
7452
|
-
Sets
|
|
7453
|
-
..................................... */
|
|
7454
|
-
/* .....................................
|
|
7455
|
-
Media Query Ranges
|
|
7456
|
-
..................................... */
|
|
7457
|
-
/* .....................................
|
|
7458
|
-
Colors - Grays
|
|
7459
|
-
..................................... */
|
|
7460
|
-
/* .....................................
|
|
7461
|
-
Colors - Teals
|
|
7462
|
-
..................................... */
|
|
7463
|
-
/* .....................................
|
|
7464
|
-
Colors - Red
|
|
7465
|
-
..................................... */
|
|
7466
|
-
/* .....................................
|
|
7467
|
-
Colors - Navy
|
|
7468
|
-
..................................... */
|
|
7469
|
-
/* .....................................
|
|
7470
|
-
Colors - Brand Palette
|
|
7471
|
-
..................................... */
|
|
7472
|
-
/* .....................................
|
|
7473
|
-
Colors - External Palette
|
|
7474
|
-
..................................... */
|
|
7475
|
-
/* helper function for margin and padding
|
|
7476
|
-
......................................*/
|
|
7477
6865
|
/*.....................................
|
|
7478
6866
|
Tables
|
|
7479
6867
|
......................................*/
|
|
@@ -7543,13 +6931,15 @@ a.head--white:hover, a.head--white:active {
|
|
|
7543
6931
|
box-sizing: border-box;
|
|
7544
6932
|
transition: background 200ms ease-out;
|
|
7545
6933
|
background: #ffffff;
|
|
7546
|
-
border-bottom: 1px solid #D7DDE1;
|
|
6934
|
+
border-bottom: 1px solid #D7DDE1;
|
|
6935
|
+
border-left: 3px solid tranparent; }
|
|
7547
6936
|
.table tr.is-disabled {
|
|
7548
6937
|
background: #375667; }
|
|
7549
6938
|
.table tr.is-sticky {
|
|
7550
6939
|
background-color: #F2FBFB; }
|
|
7551
6940
|
.table tr.is-selected {
|
|
7552
|
-
background-color: #
|
|
6941
|
+
background-color: #F2FBFB;
|
|
6942
|
+
border-left: 3px solid #149A97; }
|
|
7553
6943
|
.table tr.is-clickable {
|
|
7554
6944
|
cursor: pointer; }
|
|
7555
6945
|
.table tr.is-clickable.is-hovered, .table tr.is-clickable:hover, .table tr.is-clickable:active {
|
|
@@ -7722,6 +7112,11 @@ a {
|
|
|
7722
7112
|
line-height: 18px;
|
|
7723
7113
|
color: #5E7887; }
|
|
7724
7114
|
|
|
7115
|
+
.text-4 {
|
|
7116
|
+
font-size: 12px;
|
|
7117
|
+
line-height: 16px;
|
|
7118
|
+
color: #5E7887; }
|
|
7119
|
+
|
|
7725
7120
|
/* colors
|
|
7726
7121
|
......................................*/
|
|
7727
7122
|
.text--navy {
|
|
@@ -8022,5 +7417,3 @@ a.text--red.is-disabled:link, a.text--red.is-disabled:visited, a.text--red.is-di
|
|
|
8022
7417
|
max-width: 200px; }
|
|
8023
7418
|
.tooltip.tooltip--fill {
|
|
8024
7419
|
width: 100%; }
|
|
8025
|
-
|
|
8026
|
-
/*# sourceMappingURL=vhx-quartz.css.map */
|