vhx-quartz 0.7.7 → 0.8.0
Sign up to get free protection for your applications and to get access to all the features.
- 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 */
|