AlxMedia/shapebox
1
0
Fork 0
mirror of https://ghproxy.net/https://github.com/AlxMedia/shapebox.git synced 2025-08-26 16:35:56 +08:00
Code Issues Projects Packages Wiki Activity Actions

Smaller elements and fonts for lower resolutions

Browse source
This commit is contained in:
AlxMedia 2022-03-30 14:16:57 +02:00
parent bfdba9d6f6
commit 6f347ac74b
1 changed files with 19 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

21
responsive.css
View file

@ -5,6 +5,23 @@
.blog-content-wrap { grid-template-columns: repeat(auto-fill,minmax(290px,1fr)); gap: 20px; }
.blog-single { margin: 0 0 40px 0; }
.blog-card-inner { height: 180px; }
.blog-card-title { font-size: 18px; }
.blog-card-meta { font-size: 14px; }
.blog-card-excerpt { font-size: 14px; }
.blog-card-category a { font-size: 13px; }
.blog-single-meta { font-size: 14px; }
.blog-single-category a { font-size: 13px; }
.featured-title,
.blog-single-title { font-size: 38px; }
.featured-item,
.blog-single-inner { height: 360px; }
#profile-name { font-size: 16px; }
#profile-description { font-size: 14px; }
}
@ -182,13 +199,13 @@
.blog-single { padding: 4px; }
.slick-featured-nav { margin-top: -50px; }
.featured-item,
.blog-single-inner { height: 320px; }
.blog-single-inner { height: 220px; }
.featured-content,
.blog-single-inner-inner,
.blog-single-format-title { padding: 30px; }
.featured-title,
.blog-single-title,
.blog-single-format h1 { font-size: 22px; letter-spacing: 0; }
.blog-single-format h1 { font-size: 20px; letter-spacing: 0; }
.featured-item-bottom .blog-card-meta { float: none; }
.featured-item-bottom .blog-card-category { float: left; }