@@ -1579,85 +1579,107 @@ header {
1579
1579
@media screen and (min-width : 900px ) {
1580
1580
.icon-grid [class ^= "mc-" ] {
1581
1581
font-size : 100px ; } }
1582
- .icon-grid li {
1582
+ .icon-grid li [ class ^= "mc-" ] {
1583
1583
-webkit-transform : scale (0 );
1584
1584
-ms-transform : scale (0 );
1585
1585
transform : scale (0 );
1586
1586
transition-property : -webkit-transform;
1587
1587
transition-property : transform;
1588
1588
transition-duration : 1s ;
1589
1589
transition-timing-function : cubic-bezier (0.19 , 1 , 0.22 , 1 ); }
1590
- .is-loaded .icon-grid li {
1590
+ .is-loaded .icon-grid li [ class ^= "mc-" ] {
1591
1591
-webkit-transform : scale (1 );
1592
1592
-ms-transform : scale (1 );
1593
1593
transform : scale (1 ); }
1594
- .icon-grid li : nth-child (1 ) {
1595
- transition-delay : 0.1s ; }
1596
- .icon-grid li : nth-child (2 ) {
1597
- transition-delay : 0.2s ; }
1598
- .icon-grid li : nth-child (3 ) {
1599
- transition-delay : 0.3s ; }
1600
- .icon-grid li : nth-child (4 ) {
1601
- transition-delay : 0.4s ; }
1602
- .icon-grid li : nth-child (5 ) {
1603
- transition-delay : 0.5s ; }
1604
- .icon-grid li : nth-child (6 ) {
1605
- transition-delay : 0.6s ; }
1606
- .icon-grid li : nth-child (7 ) {
1607
- transition-delay : 0.7s ; }
1608
- .icon-grid li : nth-child (8 ) {
1609
- transition-delay : 0.8s ; }
1610
- .icon-grid li : nth-child (9 ) {
1611
- transition-delay : 0.9s ; }
1612
- .icon-grid li : nth-child (10 ) {
1613
- transition-delay : 1s ; }
1614
- .icon-grid li : nth-child (11 ) {
1615
- transition-delay : 1.1s ; }
1616
- .icon-grid li : nth-child (12 ) {
1617
- transition-delay : 1.2s ; }
1618
- .icon-grid li : nth-child (13 ) {
1619
- transition-delay : 1.3s ; }
1620
- .icon-grid li : nth-child (14 ) {
1621
- transition-delay : 1.4s ; }
1622
- .icon-grid li : nth-child (15 ) {
1623
- transition-delay : 1.5s ; }
1624
- .icon-grid li : nth-child (16 ) {
1625
- transition-delay : 1.6s ; }
1626
- .icon-grid li : nth-child (17 ) {
1627
- transition-delay : 1.7s ; }
1628
- .icon-grid li : nth-child (18 ) {
1629
- transition-delay : 1.8s ; }
1630
- .icon-grid li : nth-child (19 ) {
1631
- transition-delay : 1.9s ; }
1632
- .icon-grid li : nth-child (20 ) {
1633
- transition-delay : 2s ; }
1634
- .icon-grid li : nth-child (21 ) {
1635
- transition-delay : 2.1s ; }
1636
- .icon-grid li : nth-child (22 ) {
1637
- transition-delay : 2.2s ; }
1638
- .icon-grid li : nth-child (23 ) {
1639
- transition-delay : 2.3s ; }
1640
- .icon-grid li : nth-child (24 ) {
1641
- transition-delay : 2.4s ; }
1642
- .icon-grid li : nth-child (25 ) {
1643
- transition-delay : 2.5s ; }
1644
- .icon-grid li : nth-child (26 ) {
1645
- transition-delay : 2.6s ; }
1646
- .icon-grid li : nth-child (27 ) {
1647
- transition-delay : 2.7s ; }
1648
- .icon-grid li : nth-child (28 ) {
1649
- transition-delay : 2.8s ; }
1650
- .icon-grid li : hover {
1651
- color : # 4a551e ;
1652
- transition : color 0.25s linear; }
1653
- .icon-grid li : hover code {
1654
- opacity : 1 ; }
1655
- .icon-grid li : nth-child (odd): hover {
1656
- color : # 8A322E ; }
1657
- .icon-grid li code {
1658
- color : # 1b1d27 ;
1659
- font-size : 0.65em ;
1660
- opacity : 0.3 ; }
1594
+ .icon-grid li : nth-child (1 ) [class ^= "mc-" ] {
1595
+ transition-delay : 0.1s ; }
1596
+ .icon-grid li : nth-child (2 ) [class ^= "mc-" ] {
1597
+ transition-delay : 0.2s ; }
1598
+ .icon-grid li : nth-child (3 ) [class ^= "mc-" ] {
1599
+ transition-delay : 0.3s ; }
1600
+ .icon-grid li : nth-child (4 ) [class ^= "mc-" ] {
1601
+ transition-delay : 0.4s ; }
1602
+ .icon-grid li : nth-child (5 ) [class ^= "mc-" ] {
1603
+ transition-delay : 0.5s ; }
1604
+ .icon-grid li : nth-child (6 ) [class ^= "mc-" ] {
1605
+ transition-delay : 0.6s ; }
1606
+ .icon-grid li : nth-child (7 ) [class ^= "mc-" ] {
1607
+ transition-delay : 0.7s ; }
1608
+ .icon-grid li : nth-child (8 ) [class ^= "mc-" ] {
1609
+ transition-delay : 0.8s ; }
1610
+ .icon-grid li : nth-child (9 ) [class ^= "mc-" ] {
1611
+ transition-delay : 0.9s ; }
1612
+ .icon-grid li : nth-child (10 ) [class ^= "mc-" ] {
1613
+ transition-delay : 1s ; }
1614
+ .icon-grid li : nth-child (11 ) [class ^= "mc-" ] {
1615
+ transition-delay : 1.1s ; }
1616
+ .icon-grid li : nth-child (12 ) [class ^= "mc-" ] {
1617
+ transition-delay : 1.2s ; }
1618
+ .icon-grid li : nth-child (13 ) [class ^= "mc-" ] {
1619
+ transition-delay : 1.3s ; }
1620
+ .icon-grid li : nth-child (14 ) [class ^= "mc-" ] {
1621
+ transition-delay : 1.4s ; }
1622
+ .icon-grid li : nth-child (15 ) [class ^= "mc-" ] {
1623
+ transition-delay : 1.5s ; }
1624
+ .icon-grid li : nth-child (16 ) [class ^= "mc-" ] {
1625
+ transition-delay : 1.6s ; }
1626
+ .icon-grid li : nth-child (17 ) [class ^= "mc-" ] {
1627
+ transition-delay : 1.7s ; }
1628
+ .icon-grid li : nth-child (18 ) [class ^= "mc-" ] {
1629
+ transition-delay : 1.8s ; }
1630
+ .icon-grid li : nth-child (19 ) [class ^= "mc-" ] {
1631
+ transition-delay : 1.9s ; }
1632
+ .icon-grid li : nth-child (20 ) [class ^= "mc-" ] {
1633
+ transition-delay : 2s ; }
1634
+ .icon-grid li : nth-child (21 ) [class ^= "mc-" ] {
1635
+ transition-delay : 2.1s ; }
1636
+ .icon-grid li : nth-child (22 ) [class ^= "mc-" ] {
1637
+ transition-delay : 2.2s ; }
1638
+ .icon-grid li : nth-child (23 ) [class ^= "mc-" ] {
1639
+ transition-delay : 2.3s ; }
1640
+ .icon-grid li : nth-child (24 ) [class ^= "mc-" ] {
1641
+ transition-delay : 2.4s ; }
1642
+ .icon-grid li : nth-child (25 ) [class ^= "mc-" ] {
1643
+ transition-delay : 2.5s ; }
1644
+ .icon-grid li : nth-child (26 ) [class ^= "mc-" ] {
1645
+ transition-delay : 2.6s ; }
1646
+ .icon-grid li : nth-child (27 ) [class ^= "mc-" ] {
1647
+ transition-delay : 2.7s ; }
1648
+ .icon-grid li : nth-child (28 ) [class ^= "mc-" ] {
1649
+ transition-delay : 2.8s ; }
1650
+ .icon-grid li : nth-child (29 ) [class ^= "mc-" ] {
1651
+ transition-delay : 2.9s ; }
1652
+ .icon-grid li : nth-child (30 ) [class ^= "mc-" ] {
1653
+ transition-delay : 3s ; }
1654
+ .icon-grid li : nth-child (31 ) [class ^= "mc-" ] {
1655
+ transition-delay : 3.1s ; }
1656
+ .icon-grid li : nth-child (32 ) [class ^= "mc-" ] {
1657
+ transition-delay : 3.2s ; }
1658
+ .icon-grid li : nth-child (33 ) [class ^= "mc-" ] {
1659
+ transition-delay : 3.3s ; }
1660
+ .icon-grid li : nth-child (34 ) [class ^= "mc-" ] {
1661
+ transition-delay : 3.4s ; }
1662
+ .icon-grid li : nth-child (35 ) [class ^= "mc-" ] {
1663
+ transition-delay : 3.5s ; }
1664
+ .icon-grid li : nth-child (36 ) [class ^= "mc-" ] {
1665
+ transition-delay : 3.6s ; }
1666
+ .icon-grid li : nth-child (37 ) [class ^= "mc-" ] {
1667
+ transition-delay : 3.7s ; }
1668
+ .icon-grid li : nth-child (38 ) [class ^= "mc-" ] {
1669
+ transition-delay : 3.8s ; }
1670
+ .icon-grid li : nth-child (39 ) [class ^= "mc-" ] {
1671
+ transition-delay : 3.9s ; }
1672
+ .icon-grid li : hover {
1673
+ color : # 4a551e ;
1674
+ transition : color 0.25s linear; }
1675
+ .icon-grid li : hover code {
1676
+ opacity : 1 ; }
1677
+ .icon-grid li : nth-child (odd): hover {
1678
+ color : # 8A322E ; }
1679
+ .icon-grid li code {
1680
+ color : # 1b1d27 ;
1681
+ font-size : 0.65em ;
1682
+ opacity : 0.3 ; }
1661
1683
1662
1684
.icon-list [class ^= "mc-" ] {
1663
1685
font-size : 45px ;
0 commit comments