aljaz/Journal-ghost
1
0
Fork 0
mirror of https://github.com/aljazceru/Journal-ghost.git synced 2025-12-28 10:34:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add consistent styling to article header

Browse Source
This commit is contained in:
Sodbileg Gansukh
2021-07-05 14:36:33 +08:00
parent 44d9780e7b
commit 3bcced4ba3
4 changed files with 26 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/built/screen.css
View File

File diff suppressed because one or more lines are too long

2
assets/built/screen.css.map
View File

File diff suppressed because one or more lines are too long

60
assets/css/screen.css
View File

@@ -44,47 +44,10 @@
margin-top: 6.4rem;
}
.gh-latest .gh-card-header .gh-card-meta {
margin-top: 0;
margin-bottom: 2rem;
}
.gh-latest .gh-card-title {
font-size: 7.4rem;
font-weight: 600;
line-height: 1;
}
.gh-latest .gh-card-excerpt {
max-width: 920px;
margin-top: 1.6rem;
font-size: 2.8rem;
line-height: 1.35;
}
.gh-latest .gh-card-link > .gh-card-meta {
.gh-latest .gh-card-meta {
margin-top: 2.4rem;
}
.gh-latest .gh-card-footer {
margin-top: 3.2rem;
}
.gh-latest .gh-card-more {
display: flex;
align-items: center;
font-size: 1.2rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.01em;
}
.gh-latest .gh-card-more svg {
width: 12px;
height: 12px;
margin-left: 0.4rem;
}
.gh-wrapper {
display: grid;
grid-template-columns: 4fr 2fr;
@@ -331,10 +294,19 @@
letter-spacing: 0.01em;
}
.gh-article {
padding: 6.4rem 0 0;
}
.gh-article-header > * {
grid-column: wide-start / wide-end;
}
.gh-article-meta {
margin-bottom: 1.6rem;
margin-bottom: 2rem;
font-size: 1.2rem;
font-weight: 500;
line-height: 1;
color: var(--color-secondary-text);
text-transform: uppercase;
}
@@ -344,7 +316,17 @@
}
.gh-article-title {
font-size: 7.4rem;
font-weight: 600;
line-height: 1;
}
.gh-article-excerpt {
max-width: 920px;
margin-top: 1.6rem;
font-size: 2.8rem;
line-height: 1.35;
color: var(--color-darker-gray);
}
.gh-article-footer {

6
index.hbs
View File

@@ -7,14 +7,14 @@
<article class="gh-latest gh-card {{post_class}}">
<a class="gh-card-link" href="{{url}}">
<header class="gh-card-header">
<div class="gh-card-meta">
<div class="gh-article-meta">
<span class="gh-card-date">Latest — <time datetime="{{date format="YYYY-MM-DD"}}">{{date}}</time></span>
</div>
<h2 class="gh-card-title">{{title}}</h2>
<h2 class="gh-article-title">{{title}}</h2>
</header>
<p class="gh-card-excerpt">{{excerpt}}</p>
<p class="gh-article-excerpt">{{excerpt}}</p>
<footer class="gh-card-meta">
{{!-- <a class="gh-card-more" href="{{url}}">Read more {{> icons/arrow-right}}</a> --}}