.first-entry { position: relative; min-height: 320px; margin: var(--gap) 0 calc(var(--gap) * 2) 0; } .first-entry .entry-header { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; margin: var(--gap) 0 calc(var(--gap) * 2); } .first-entry .entry-header h1 { font-size: 34px; line-height: 1.3; } @media screen and (max-width: 400px) { .first-entry .entry-header h1 { font-size: 30px; } } .first-entry .entry-content { margin: 14px 0; font-size: 16px; color: var(--primary); line-height: 1.5em; display: block; } .first-entry .entry-content p, .first-entry .entry-content li { margin-bottom: .8em; } .first-entry .entry-footer { font-size: 14px; } .home-info .entry-content { -webkit-line-clamp: unset; } .post-entry { position: relative; margin-bottom: var(--gap); padding: var(--gap); background: var(--entry); border-radius: var(--radius); border: 1px solid var(--border); } .post-entry:hover .entry-header h2 { color: var(--link-hover-color); box-shadow: var(--link-hover-underline-shadow); } /* .post-entry:active { transform: scale(0.97); } */ .tag-entry .entry-cover { display: none; } .entry-header h2 { font-size: 24px; line-height: 1.3; transition: var(--link-transition); display: inline-block; } .entry-content { margin: 8px 0; color: var(--secondary); font-size: 14px; line-height: 1.6; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .entry-footer, .entry-footer span > a { color: var(--secondary); font-size: 13px; } .entry-link { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .entry-cover, .entry-isdraft { font-size: 14px; color: var(--secondary); } .entry-cover { margin-bottom: var(--gap); text-align: center; } .entry-cover img { border-radius: var(--radius); width: 100%; height: auto; } .entry-cover a { color: var(--secondary); box-shadow: 0 1px 0 var(--primary); }