post-header.styl 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. .posts-expand .post-header {
  2. font-size: $font-size-large;
  3. }
  4. .posts-expand .post-title {
  5. font-size: $font-size-largest;
  6. font-weight: normal;
  7. margin: initial;
  8. text-align: center;
  9. word-wrap();
  10. if (hexo-config('post_edit.enable')) {
  11. .post-edit-link {
  12. border-bottom: none;
  13. color: $grey;
  14. display: inline-block;
  15. float: right;
  16. font-size: $font-size-larger;
  17. margin-left: -1.2em;
  18. the-transition-ease-in();
  19. +mobile-small() {
  20. margin-left: initial;
  21. }
  22. &:hover {
  23. color: $sidebar-highlight;
  24. }
  25. }
  26. }
  27. }
  28. .posts-expand .post-title-link {
  29. border-bottom: none;
  30. color: var(--link-color);
  31. display: inline-block;
  32. position: relative;
  33. vertical-align: top;
  34. &::before {
  35. background: var(--link-color);
  36. bottom: 0;
  37. content: '';
  38. height: 2px;
  39. left: 0;
  40. position: absolute;
  41. transform: scaleX(0);
  42. visibility: hidden;
  43. width: 100%;
  44. the-transition();
  45. }
  46. &:hover::before {
  47. transform: scaleX(1);
  48. visibility: visible;
  49. }
  50. .fa-external-link-alt {
  51. font-size: $font-size-small;
  52. margin-left: 5px;
  53. }
  54. }
  55. .posts-expand .post-meta {
  56. color: $grey-dark;
  57. font-family: $font-family-posts;
  58. font-size: $font-size-smallest;
  59. margin: 3px 0 60px 0;
  60. text-align: center;
  61. .post-description {
  62. font-size: $font-size-small;
  63. margin-top: 2px;
  64. }
  65. time {
  66. border-bottom: 1px dashed $grey-dark;
  67. cursor: pointer;
  68. }
  69. }
  70. .post-meta .post-meta-item + .post-meta-item::before {
  71. content: '|';
  72. margin: 0 .5em;
  73. }
  74. .post-meta-divider {
  75. margin: 0 .5em;
  76. }
  77. .post-meta-item-icon {
  78. margin-right: 3px;
  79. +tablet-mobile() {
  80. display: inline-block;
  81. }
  82. }
  83. .post-meta-item-text {
  84. if (!hexo-config('post_meta.item_text')) {
  85. display: none;
  86. }
  87. +tablet-mobile() {
  88. display: none;
  89. }
  90. }