diff options
| author | lonkaars <l.leblansch@gmail.com> | 2021-04-12 11:50:37 +0200 |
|---|---|---|
| committer | lonkaars <l.leblansch@gmail.com> | 2021-04-12 11:50:37 +0200 |
| commit | ffa1533a191bf09ea5934e8821de7d26275f8521 (patch) | |
| tree | a3cbf697efae2a38b4a90c523cd4e2cba64555ce /styles | |
| parent | f0e25c71e148758a76ee8d4807aa1262f25edc5d (diff) | |
added recent posts to home page
Diffstat (limited to 'styles')
| -rw-r--r-- | styles/card.css | 28 | ||||
| -rw-r--r-- | styles/layout.css | 6 |
2 files changed, 34 insertions, 0 deletions
diff --git a/styles/card.css b/styles/card.css new file mode 100644 index 0000000..1510492 --- /dev/null +++ b/styles/card.css @@ -0,0 +1,28 @@ +.postCard { + background-color: var(--oxford-blue); + padding: 12px; + border-radius: 8px; + + overflow-x: hidden; + color: var(--fg) !important; +} + +.postCard::after { + display: none; +} + +.postCard .cover { + width: 100%; + border-radius: 6px; + max-height: 220px; + object-fit: cover; +} + +.postCard .title { + font-size: 24px; +} + +.postCard .subtitle { + font-weight: 500; +} + diff --git a/styles/layout.css b/styles/layout.css index 188f17a..6715681 100644 --- a/styles/layout.css +++ b/styles/layout.css @@ -58,3 +58,9 @@ overflow-x: scroll; } +.recentPosts { + display: grid; + grid-gap: 12px; + grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) ); +} + |