123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107 |
- .posts-expand .post-header {
- font-size: $font-size-large;
- }
- .posts-expand .post-title {
- font-size: $font-size-largest;
- font-weight: normal;
- margin: initial;
- text-align: center;
- word-wrap();
- if (hexo-config('post_edit.enable')) {
- .post-edit-link {
- border-bottom: none;
- color: $grey;
- display: inline-block;
- float: right;
- font-size: $font-size-larger;
- margin-left: -1.2em;
- the-transition-ease-in();
- +mobile-small() {
- margin-left: initial;
- }
- &:hover {
- color: $sidebar-highlight;
- }
- }
- }
- }
- .posts-expand .post-title-link {
- border-bottom: none;
- color: var(--link-color);
- display: inline-block;
- position: relative;
- vertical-align: top;
- &::before {
- background: var(--link-color);
- bottom: 0;
- content: '';
- height: 2px;
- left: 0;
- position: absolute;
- transform: scaleX(0);
- visibility: hidden;
- width: 100%;
- the-transition();
- }
- &:hover::before {
- transform: scaleX(1);
- visibility: visible;
- }
- .fa-external-link-alt {
- font-size: $font-size-small;
- margin-left: 5px;
- }
- }
- .posts-expand .post-meta {
- color: $grey-dark;
- font-family: $font-family-posts;
- font-size: $font-size-smallest;
- margin: 3px 0 60px 0;
- text-align: center;
- .post-description {
- font-size: $font-size-small;
- margin-top: 2px;
- }
- time {
- border-bottom: 1px dashed $grey-dark;
- cursor: pointer;
- }
- }
- .post-meta .post-meta-item + .post-meta-item::before {
- content: '|';
- margin: 0 .5em;
- }
- .post-meta-divider {
- margin: 0 .5em;
- }
- .post-meta-item-icon {
- margin-right: 3px;
- +tablet-mobile() {
- display: inline-block;
- }
- }
- .post-meta-item-text {
- if (!hexo-config('post_meta.item_text')) {
- display: none;
- }
- +tablet-mobile() {
- display: none;
- }
- }
|