hexo-theme-linen 1.0.42 → 1.0.43

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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "hexo-theme-linen",
3
- "version": "1.0.42",
3
+ "version": "1.0.43",
4
4
  "description": "A clean Hexo theme",
5
5
  "main": "index.js",
6
6
  "homepage": "https://github.com/lynanbreeze/hexo-theme-linen",
@@ -1237,18 +1237,23 @@ body {
1237
1237
  margin-left: -10px;
1238
1238
  .tag-list-item {
1239
1239
  list-style: none;
1240
- background-color: #f5f5f5;
1241
- padding: 4px 6px;
1240
+ background-color: #f8f8f8;
1241
+ padding: 3px 5px;
1242
1242
  font-size: 14px;
1243
1243
  color: $linkColor;
1244
1244
  margin-right: 10px;
1245
- margin-bottom: 10px;
1245
+ margin-bottom: 14px;
1246
+ transition: background-color 160ms ease;
1246
1247
  .tag-list-link {
1247
1248
  color: $darkText;
1249
+ transition: color 160ms ease;
1250
+ &:hover {
1251
+ color: $linkColor;
1252
+ }
1248
1253
  &::before {
1249
1254
  content: "";
1250
- width: 13px;
1251
- height: 13px;
1255
+ width: 11px;
1256
+ height: 11px;
1252
1257
  background-image: url("../img/icons/tag.svg");
1253
1258
  background-size: cover;
1254
1259
  filter: invert(1);
@@ -1256,12 +1261,9 @@ body {
1256
1261
  margin-bottom: -1px;
1257
1262
  text-decoration: none;
1258
1263
  display: inline-block;
1259
- opacity: 0.3;
1264
+ opacity: 0.22;
1260
1265
  }
1261
1266
  }
1262
- &:hover {
1263
- opacity: 0.7;
1264
- }
1265
1267
  }
1266
1268
  &::after {
1267
1269
  content: "";
@@ -1565,6 +1567,7 @@ body {
1565
1567
  .gt-comments {
1566
1568
  padding-top: $commonPadding;
1567
1569
  .gt-comment {
1570
+ --comment-content-indent: calc(3.125em + 1em);
1568
1571
  display: grid;
1569
1572
  grid-template-columns: 3.125em minmax(0, 1fr);
1570
1573
  grid-template-rows: auto auto auto auto;
@@ -1602,6 +1605,8 @@ body {
1602
1605
  grid-column: 2;
1603
1606
  grid-row: 1;
1604
1607
  line-height: 1.5;
1608
+ position: relative;
1609
+ top: 2px;
1605
1610
  }
1606
1611
  .gt-comment-text {
1607
1612
  display: none;
@@ -1609,7 +1614,8 @@ body {
1609
1614
  .gt-comment-date {
1610
1615
  grid-column: 2;
1611
1616
  grid-row: 2;
1612
- position: static;
1617
+ position: relative;
1618
+ top: 2px;
1613
1619
  margin: 0.2em 0 0;
1614
1620
  }
1615
1621
  .gt-comment-body {
@@ -1617,6 +1623,8 @@ body {
1617
1623
  grid-row: 3;
1618
1624
  min-width: 0;
1619
1625
  margin-top: 0.9em;
1626
+ margin-left: calc(-1 * var(--comment-content-indent));
1627
+ width: calc(100% + var(--comment-content-indent));
1620
1628
  }
1621
1629
  .gt-comment-like {
1622
1630
  position: static;
@@ -1629,6 +1637,7 @@ body {
1629
1637
  height: 1.5em;
1630
1638
  line-height: 1;
1631
1639
  margin-top: 1.1em;
1640
+ transform: translateX(calc(-1 * var(--comment-content-indent) - 0.5em));
1632
1641
  }
1633
1642
  .gt-comment-edit,
1634
1643
  .gt-comment-reply {
@@ -1641,15 +1650,31 @@ body {
1641
1650
  width: fit-content;
1642
1651
  height: 1.5em;
1643
1652
  line-height: 1;
1644
- margin: 1.1em 0 0 1.5em;
1653
+ margin: 1.1em 0 0 2em;
1654
+ transform: translateX(calc(-1 * var(--comment-content-indent)));
1645
1655
  }
1646
1656
  .gt-comment-like .gt-ico-heart {
1647
1657
  display: inline-flex;
1648
1658
  align-items: center;
1649
1659
  line-height: 1;
1660
+
1661
+ .gt-svg {
1662
+ width: 1.25em;
1663
+ height: 1.25em;
1664
+ background: url("../img/icons/medium-clap.svg") center / contain no-repeat;
1665
+
1666
+ svg {
1667
+ display: none;
1668
+ }
1669
+ }
1670
+
1671
+ .gt-ico-text {
1672
+ margin-left: 0.5em;
1673
+ color: #6b6b6b;
1674
+ }
1650
1675
  }
1651
1676
  .gt-comment-reply {
1652
- color: $darkText;
1677
+ color: #232323;
1653
1678
  text-decoration: none;
1654
1679
 
1655
1680
  .gt-ico-reply {
@@ -1667,8 +1692,28 @@ body {
1667
1692
  content: "回复";
1668
1693
  }
1669
1694
  }
1695
+ .gt-comment-edit {
1696
+ color: #232323;
1697
+ text-decoration: none;
1698
+
1699
+ .gt-ico-edit {
1700
+ display: none;
1701
+ }
1702
+
1703
+ &::after {
1704
+ content: "Edit";
1705
+ display: block;
1706
+ line-height: 1.5em;
1707
+ text-decoration: underline;
1708
+ }
1709
+
1710
+ html[lang="zh-CN"] &::after {
1711
+ content: "编辑";
1712
+ }
1713
+ }
1670
1714
  @media (max-width: 479px) {
1671
1715
  .gt-comment {
1716
+ --comment-content-indent: calc(2.75em + 0.875em);
1672
1717
  grid-template-columns: 2.75em minmax(0, 1fr);
1673
1718
  column-gap: 0.875em;
1674
1719
  }
@@ -1677,7 +1722,7 @@ body {
1677
1722
  height: 2.75em;
1678
1723
  }
1679
1724
  }
1680
- a:not([class]) {
1725
+ a:not([class]):not(blockquote a) {
1681
1726
  color: $green;
1682
1727
  font-weight: bold;
1683
1728
  text-decoration: none;
@@ -1711,11 +1756,24 @@ body {
1711
1756
  .gt-comment-username {
1712
1757
  color: $darkText;
1713
1758
  }
1759
+ .gt-container .gt-popup .gt-action-login,
1760
+ .gt-container .gt-popup .gt-link-project {
1761
+ color: $darkText;
1762
+ text-decoration: underline;
1763
+ text-underline-offset: 0.2em;
1764
+ border-bottom: 0;
1765
+
1766
+ &:hover {
1767
+ color: $darkText;
1768
+ opacity: 0.75;
1769
+ }
1770
+ }
1714
1771
  .gt-header-avatar,
1715
1772
  .gt-comment-avatar {
1716
1773
  background-color: #f5f5f5;
1717
1774
  }
1718
- .user-mention {
1775
+ .user-mention,
1776
+ .gt-comment-body blockquote a:not([class]) {
1719
1777
  color: $darkText;
1720
1778
  text-decoration: underline;
1721
1779
  @include defaultFont;
@@ -1723,9 +1781,6 @@ body {
1723
1781
  font-weight: 500;
1724
1782
  font-size: 14px;
1725
1783
  }
1726
- .user-mention {
1727
- color: $darkText;
1728
- }
1729
1784
  .gt-comments-controls {
1730
1785
  margin-top: 0.625em;
1731
1786
  }
@@ -1744,7 +1799,6 @@ body {
1744
1799
  }
1745
1800
  }
1746
1801
  }
1747
- .gt-ico-heart,
1748
1802
  .gt-ico-reply {
1749
1803
  .gt-svg {
1750
1804
  svg {
@@ -2514,7 +2568,7 @@ body {
2514
2568
  backface-visibility: hidden;
2515
2569
  transform: translateZ(0);
2516
2570
  &:not(.active) {
2517
- opacity: 0.1;
2571
+ opacity: 0.2;
2518
2572
  }
2519
2573
  }
2520
2574
  &:hover {
@@ -2553,7 +2607,7 @@ body {
2553
2607
  }
2554
2608
  &.active {
2555
2609
  .toc-sub-item-link:not(.active) {
2556
- opacity: 0.6;
2610
+ opacity: 0.5;
2557
2611
  }
2558
2612
  }
2559
2613
  .toc-sub-item-wrap {
@@ -2670,8 +2724,15 @@ body {
2670
2724
  -webkit-backface-visibility: hidden;
2671
2725
  backface-visibility: hidden;
2672
2726
  transform: translateZ(0);
2673
- &:not(.active) {
2674
- opacity: 0.1;
2727
+ }
2728
+ .series-year-divider:not(.active) {
2729
+ opacity: 0.2;
2730
+ }
2731
+ .series-item-link:not(.active) {
2732
+ opacity: 0.2;
2733
+ color: $gray5;
2734
+ .sub-title {
2735
+ color: $gray5;
2675
2736
  }
2676
2737
  }
2677
2738
  &:hover {
@@ -87,28 +87,34 @@ $postWidth: max(min(1192px, 68vw), 960px);
87
87
  @include defaultFont;
88
88
  margin-bottom: -10px;
89
89
  .tag-item {
90
- background-color: #f5f5f5;
91
- padding: 4px 7px 4px 6px;
90
+ background-color: transparent;
91
+ padding: 4px 3px;
92
92
  font-size: 14px;
93
93
  color: $grayerText;
94
94
  margin-bottom: 10px;
95
95
  display: inline-block;
96
96
  margin-right: 10px;
97
+ transition: color 160ms ease, background-color 160ms ease;
97
98
  &:hover {
98
- color: #a7a2a2;
99
+ color: #555;
100
+ background-color: #f5f5f5;
99
101
  }
100
102
  &::before {
101
103
  content: "";
102
- width: 13px;
103
- height: 13px;
104
+ width: 11px;
105
+ height: 11px;
104
106
  background-image: url("../img/icons/tag.svg");
105
107
  background-size: cover;
106
108
  filter: invert(1);
107
- margin-right: 4px;
109
+ margin-right: 5px;
108
110
  margin-bottom: -1px;
109
111
  text-decoration: none;
110
112
  display: inline-block;
111
- opacity: 0.4;
113
+ opacity: 0.32;
114
+ transition: opacity 160ms ease;
115
+ }
116
+ &:hover::before {
117
+ opacity: 0.5;
112
118
  }
113
119
  }
114
120
  }
@@ -0,0 +1 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-label="clap" fill="#232323"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.3702 0.827583L12 3.2822L12.6298 0.827583H11.3702Z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13.9159 3.95255L15.4386 1.84138L14.2552 1.45158L13.9159 3.95255Z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M8.58869 1.84055L10.1114 3.95172L9.77379 1.45076L8.58869 1.84055Z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M18.523 18.9192C17.6623 19.7799 16.7727 20.1664 15.9029 20.25C16.0419 20.1341 16.1776 20.01 16.3101 19.8776C18.6976 17.4891 19.1702 14.9269 17.7087 12.2547L16.7975 10.6516L16.0072 8.9799C15.7465 8.42046 15.8127 7.99921 16.2099 7.69218C16.2866 7.63312 16.3749 7.59082 16.469 7.56801C16.5631 7.5452 16.6609 7.54239 16.7561 7.55977C17.0392 7.60611 17.3023 7.79149 17.4836 8.06046L19.8472 12.2174C20.8229 13.8411 20.9884 16.4538 18.523 18.9192ZM7.52441 18.4822L3.36992 14.3278C3.25591 14.2118 3.1786 14.0648 3.14765 13.9051C3.1167 13.7454 3.13348 13.5802 3.19591 13.43C3.25833 13.2798 3.36363 13.1513 3.49864 13.0606C3.63365 12.9699 3.79239 12.921 3.95503 12.92C4.16606 12.92 4.37875 13.0011 4.54013 13.1617L6.69765 15.3192C6.76738 15.3812 6.85815 15.4142 6.9514 15.4114C7.04465 15.4087 7.13333 15.3704 7.1993 15.3044C7.26526 15.2385 7.30353 15.1498 7.30627 15.0566C7.30902 14.9633 7.27603 14.8725 7.21406 14.8028L5.05655 12.6445L3.60827 11.1962C3.4532 11.0414 3.36595 10.8314 3.36572 10.6124C3.36549 10.3933 3.45229 10.1831 3.60703 10.028C3.76177 9.87297 3.97177 9.78572 4.19084 9.78549C4.40991 9.78526 4.6201 9.87206 4.77517 10.0268L8.21296 13.4662C8.2468 13.5003 8.28703 13.5273 8.33134 13.5457C8.37566 13.5641 8.42317 13.5736 8.47117 13.5736C8.51916 13.5736 8.56668 13.5641 8.61099 13.5457C8.6553 13.5273 8.69553 13.5003 8.72937 13.4662C8.7634 13.4324 8.79041 13.3922 8.80884 13.3479C8.82726 13.3036 8.83675 13.256 8.83675 13.208C8.83675 13.16 8.82726 13.1125 8.80884 13.0682C8.79041 13.0239 8.7634 12.9837 8.72937 12.9498L5.29323 9.51287L4.3233 8.54377C4.16876 8.38892 4.08197 8.17909 4.08197 7.96032C4.08197 7.74155 4.16876 7.53171 4.3233 7.37687C4.4802 7.22625 4.68926 7.14214 4.90675 7.14214C5.12424 7.14214 5.33331 7.22625 5.4902 7.37687L6.46013 8.34514L9.8971 11.7813C9.93077 11.8156 9.97094 11.8429 10.0153 11.8615C10.0596 11.8801 10.1072 11.8897 10.1553 11.8897C10.2034 11.8897 10.251 11.8801 10.2953 11.8615C10.3397 11.8429 10.3798 11.8156 10.4135 11.7813C10.4818 11.7127 10.5202 11.6199 10.5202 11.5231C10.5202 11.4263 10.4818 11.3334 10.4135 11.2649L6.97655 7.82956C6.89975 7.75312 6.83891 7.66217 6.79756 7.56201C6.75622 7.46185 6.7352 7.35447 6.73572 7.24611C6.73507 7.13769 6.75595 7.03021 6.79715 6.92991C6.83835 6.82962 6.89904 6.7385 6.97572 6.66183C7.13084 6.50719 7.34095 6.42035 7.55999 6.42035C7.77903 6.42035 7.98914 6.50719 8.14427 6.66183L13.9308 12.4491C13.9922 12.5076 14.0721 12.5429 14.1567 12.549C14.2413 12.5552 14.3254 12.5318 14.3947 12.4829C14.464 12.434 14.5142 12.3626 14.5367 12.2809C14.5593 12.1991 14.5528 12.112 14.5183 12.0345L13.4011 9.67094C13.1404 9.11149 13.2066 8.69025 13.6047 8.38239C13.6817 8.32396 13.77 8.28204 13.864 8.25926C13.958 8.23648 14.0556 8.23331 14.1509 8.24997C14.4339 8.29632 14.6963 8.4817 14.8783 8.75149L17.0714 12.6114C18.3732 14.9915 17.9545 17.2003 15.7936 19.3611C14.6383 20.5173 13.1917 20.9882 11.6036 20.7283C10.1859 20.4916 8.73765 19.6955 7.52524 18.4822H7.52441ZM10.7503 5.9708L12.8706 8.09108C12.4593 8.59342 12.4047 9.26128 12.7423 9.98128L12.9616 10.4464L9.43861 6.92335C9.37757 6.81002 9.34438 6.68378 9.34179 6.55508C9.34179 6.33411 9.42786 6.12721 9.58344 5.9708C9.74082 5.82112 9.9497 5.73766 10.1669 5.73766C10.3841 5.73766 10.593 5.82112 10.7503 5.9708ZM18.1051 7.67563C17.7948 7.21466 17.3586 6.91756 16.8753 6.83894C16.6812 6.80632 16.4825 6.81388 16.2915 6.86114C16.1005 6.9084 15.9212 6.99436 15.7647 7.1137C15.4535 7.3537 15.2599 7.65659 15.1754 7.99508C14.9266 7.75301 14.611 7.59102 14.2692 7.52997C13.9911 7.4859 13.7061 7.52267 13.4483 7.6359L11.2668 5.45439C10.9747 5.16339 10.5792 5.00001 10.1669 5.00001C9.7546 5.00001 9.35911 5.16339 9.06703 5.45439C8.87539 5.64887 8.73887 5.89078 8.67144 6.15535C8.5271 6.00929 8.35536 5.89315 8.16606 5.81358C7.97675 5.73401 7.77361 5.69257 7.56826 5.69165C7.36292 5.69073 7.15941 5.73034 6.9694 5.8082C6.77938 5.88607 6.60661 6.00066 6.46096 6.14542C6.25382 6.35175 6.10947 6.6126 6.04468 6.8977C5.42068 6.2737 4.39613 6.2737 3.80772 6.86128C3.51632 7.15315 3.35266 7.54872 3.35266 7.96114C3.35266 8.37357 3.51632 8.76914 3.80772 9.06101C3.56937 9.16032 3.30703 9.29935 3.09268 9.5137C2.80164 9.80592 2.63823 10.2015 2.63823 10.614C2.63823 11.0264 2.80164 11.422 3.09268 11.7142L3.6091 12.229C3.33829 12.291 3.08902 12.4243 2.88721 12.6152C2.6854 12.8061 2.53842 13.0476 2.46154 13.3146C2.38467 13.5815 2.38071 13.8642 2.45008 14.1332C2.51945 14.4022 2.65961 14.6477 2.85599 14.8442L7.00965 18.9987C8.32965 20.3178 9.91861 21.1876 11.4852 21.4475C11.806 21.5011 12.1307 21.5282 12.456 21.5286C13.3051 21.5286 14.1087 21.33 14.8494 20.9493C15.0803 20.9824 15.3087 21.0031 15.5346 21.0031C16.8008 21.0031 17.9917 20.4834 19.0403 19.4356C21.8028 16.6731 21.5917 13.7021 20.4786 11.85L18.1051 7.67645V7.67563Z"></path></svg>