diff options
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) ); +} + |