hexo-theme-linen 1.0.41 → 1.0.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1564,6 +1564,119 @@ body {
|
|
|
1564
1564
|
}
|
|
1565
1565
|
.gt-comments {
|
|
1566
1566
|
padding-top: $commonPadding;
|
|
1567
|
+
.gt-comment {
|
|
1568
|
+
display: grid;
|
|
1569
|
+
grid-template-columns: 3.125em minmax(0, 1fr);
|
|
1570
|
+
grid-template-rows: auto auto auto auto;
|
|
1571
|
+
column-gap: 1em;
|
|
1572
|
+
align-items: start;
|
|
1573
|
+
padding: 1.5em 0;
|
|
1574
|
+
border-bottom: solid 1px rgb(242, 242, 242);
|
|
1575
|
+
|
|
1576
|
+
&:last-child {
|
|
1577
|
+
border-bottom: 0;
|
|
1578
|
+
}
|
|
1579
|
+
}
|
|
1580
|
+
.gt-comment-avatar {
|
|
1581
|
+
position: static;
|
|
1582
|
+
grid-column: 1;
|
|
1583
|
+
grid-row: 1 / span 2;
|
|
1584
|
+
align-self: center;
|
|
1585
|
+
border-radius: 50%;
|
|
1586
|
+
|
|
1587
|
+
img {
|
|
1588
|
+
border-radius: 50%;
|
|
1589
|
+
}
|
|
1590
|
+
}
|
|
1591
|
+
.gt-comment-content {
|
|
1592
|
+
display: contents;
|
|
1593
|
+
}
|
|
1594
|
+
.gt-comment-header {
|
|
1595
|
+
display: contents;
|
|
1596
|
+
}
|
|
1597
|
+
.gt-comment-block-1,
|
|
1598
|
+
.gt-comment-block-2 {
|
|
1599
|
+
display: none;
|
|
1600
|
+
}
|
|
1601
|
+
.gt-comment-username {
|
|
1602
|
+
grid-column: 2;
|
|
1603
|
+
grid-row: 1;
|
|
1604
|
+
line-height: 1.5;
|
|
1605
|
+
}
|
|
1606
|
+
.gt-comment-text {
|
|
1607
|
+
display: none;
|
|
1608
|
+
}
|
|
1609
|
+
.gt-comment-date {
|
|
1610
|
+
grid-column: 2;
|
|
1611
|
+
grid-row: 2;
|
|
1612
|
+
position: static;
|
|
1613
|
+
margin: 0.2em 0 0;
|
|
1614
|
+
}
|
|
1615
|
+
.gt-comment-body {
|
|
1616
|
+
grid-column: 2;
|
|
1617
|
+
grid-row: 3;
|
|
1618
|
+
min-width: 0;
|
|
1619
|
+
margin-top: 0.9em;
|
|
1620
|
+
}
|
|
1621
|
+
.gt-comment-like {
|
|
1622
|
+
position: static;
|
|
1623
|
+
display: inline-flex;
|
|
1624
|
+
align-items: center;
|
|
1625
|
+
align-self: center;
|
|
1626
|
+
grid-column: 2;
|
|
1627
|
+
grid-row: 4;
|
|
1628
|
+
width: fit-content;
|
|
1629
|
+
height: 1.5em;
|
|
1630
|
+
line-height: 1;
|
|
1631
|
+
margin-top: 1.1em;
|
|
1632
|
+
}
|
|
1633
|
+
.gt-comment-edit,
|
|
1634
|
+
.gt-comment-reply {
|
|
1635
|
+
position: static;
|
|
1636
|
+
display: inline-flex;
|
|
1637
|
+
align-items: center;
|
|
1638
|
+
align-self: center;
|
|
1639
|
+
grid-column: 2;
|
|
1640
|
+
grid-row: 4;
|
|
1641
|
+
width: fit-content;
|
|
1642
|
+
height: 1.5em;
|
|
1643
|
+
line-height: 1;
|
|
1644
|
+
margin: 1.1em 0 0 1.5em;
|
|
1645
|
+
}
|
|
1646
|
+
.gt-comment-like .gt-ico-heart {
|
|
1647
|
+
display: inline-flex;
|
|
1648
|
+
align-items: center;
|
|
1649
|
+
line-height: 1;
|
|
1650
|
+
}
|
|
1651
|
+
.gt-comment-reply {
|
|
1652
|
+
color: $darkText;
|
|
1653
|
+
text-decoration: none;
|
|
1654
|
+
|
|
1655
|
+
.gt-ico-reply {
|
|
1656
|
+
display: none;
|
|
1657
|
+
}
|
|
1658
|
+
|
|
1659
|
+
&::after {
|
|
1660
|
+
content: "Reply";
|
|
1661
|
+
display: block;
|
|
1662
|
+
line-height: 1.5em;
|
|
1663
|
+
text-decoration: underline;
|
|
1664
|
+
}
|
|
1665
|
+
|
|
1666
|
+
html[lang="zh-CN"] &::after {
|
|
1667
|
+
content: "回复";
|
|
1668
|
+
}
|
|
1669
|
+
}
|
|
1670
|
+
@media (max-width: 479px) {
|
|
1671
|
+
.gt-comment {
|
|
1672
|
+
grid-template-columns: 2.75em minmax(0, 1fr);
|
|
1673
|
+
column-gap: 0.875em;
|
|
1674
|
+
}
|
|
1675
|
+
.gt-comment-avatar {
|
|
1676
|
+
width: 2.75em;
|
|
1677
|
+
height: 2.75em;
|
|
1678
|
+
}
|
|
1679
|
+
}
|
|
1567
1680
|
a:not([class]) {
|
|
1568
1681
|
color: $green;
|
|
1569
1682
|
font-weight: bold;
|