heimoshuiyu/aether
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

card spacing

Browse Source
This commit is contained in:
Joseph Hutchinson
2018-04-16 13:40:15 -04:00
parent dcc893ce63
commit 2974d0d9c3
1 changed files with 21 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
static/css/style.css
View File

@@ -105,7 +105,6 @@ img {
max-width: 42em; max-width: 42em;
} }
.card { .card {
color: rgb(52, 58, 63);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: stretch; align-items: stretch;
@@ -120,34 +119,30 @@ img {
transform: scale(0.95); transform: scale(0.95);
box-shadow: 0 0.15em 0.3em rgba(0, 0, 0, 0.16), 0 0.15em 0.3em rgba(0, 0, 0, 0.23); box-shadow: 0 0.15em 0.3em rgba(0, 0, 0, 0.16), 0 0.15em 0.3em rgba(0, 0, 0, 0.23);
} }
.card-body {
padding: 1em;
}
.card-img { .card-img {
border-radius: 0.2em 0.2em 0 0; border-radius: 0.2em 0.2em 0 0;
margin-bottom: -0.8em; margin-bottom: -0.28em;
max-height: 10em; max-height: 10em;
object-fit: cover; object-fit: cover;
} }
.card-body {
padding: 1.5em 1em;
}
.card-title { .card-title {
font-size: 1.25em; margin: 0;
margin: 0.5em 0 0 0;
line-height: 1.2; line-height: 1.2;
font-family: 'LatoLatinWebSemibold'; font-family: 'LatoLatinWebSemibold';
font-weight: normal }
.card-text {
line-height: 1.5;
margin: 1em 0;
} }
.card-subtext { .card-subtext {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: flex-start; justify-content: flex-start;
margin: 2em 0 0 0em;
color: #7A7B7C; color: #7A7B7C;
font-size: 0.7em; font-size: 0.9em;
}
.card-text {
font-size: 0.95em;
line-height: 1.5;
margin: 1em 0;
} }
.pagination-nav { .pagination-nav {
margin: 3em 0; margin: 3em 0;
@@ -246,7 +241,17 @@ footer {
width: 15em; width: 15em;
} }
.card-body { .card-body {
padding: 1em 1.3em; padding: 1.5em 1.3em;
}
.card-title {
font-size: 1.27em;
}
.card-text {
font-size: 0.95em;
margin: 1.2em 0;
}
.card-subtext {
font-size: 0.7em;
} }
} }
@@ -255,9 +260,6 @@ footer {
.post-title { .post-title {
font-size: 2.5em; font-size: 2.5em;
} }
.card-columns {
}
} }
/* Extra large devices (large desktops, ~1441px and up) */ /* Extra large devices (large desktops, ~1441px and up) */