mirror-github-minimalbible/MinimalBible.github.io
1
0
Fork 0
mirror of https://github.com/MinimalBible/MinimalBible.github.io synced 2025-11-03 18:10:31 -05:00
Code Issues Releases Wiki Activity

Cleanup feature post header image and title

Browse Source
This commit is contained in:
Michael Rose
2014-02-25 16:32:32 -05:00
parent 74a74e635d
commit 7ccdaa26d4
3 changed files with 74 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
assets/less/page.less
View File

@ -32,7 +32,6 @@ body {
.header-title {
text-align: center;
margin: 30px 0 0;
padding: 0 20px;
h1 {
margin: 10px 20px;
font-weight: 700;
@ -42,7 +41,7 @@ body {
.font-rem(48);
}
@media @large {
.font-rem(80);
.font-rem(60);
}
}
h2 {
@ -51,49 +50,41 @@ body {
text-transform: uppercase;
color: lighten(@base-color,40);
@media @medium {
.font-rem(32);
.font-rem(30);
}
}
}
.feature .header-title {
@media @medium {
position: absolute;
top: 0;
display: table;
margin-top: 0;
width: 100%;
height: 440px;
overflow: hidden;
.header-title-wrap {
display: table-cell;
vertical-align: middle;
margin: 0 auto;
text-align: center;
}
position: absolute;
top: 0;
display: table;
margin-top: 0;
width: 100%;
height: 440px;
overflow: hidden;
.header-title-wrap {
display: table-cell;
vertical-align: middle;
margin: 0 auto;
text-align: center;
}
h1 {
margin: 10px;
font-weight: 700;
@media @medium {
margin: 10px 60px;
margin: 10px 60px;
color: @white;
text-shadow: 1px 1px 4px fade(@base-color,60);
a {
color: @white;
.font-rem(60);
text-shadow: 1px 1px 4px fade(@base-color,60);
a {
color: @white;
}
}
@media @large {
.font-rem(100);
}
}
h2 {
margin: 0;
.font-rem(18);
color: @white;
text-transform: uppercase;
@media @medium {
.font-rem(30);
color: @white;
a {
color: @white;
}
@ -102,9 +93,12 @@ body {
}
.entry-image {
position: relative;
width: auto;
height: 100%;
max-height: 440px;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
min-height: 440px;
overflow: hidden;
&:after {
content: '';
position: absolute;
@ -115,7 +109,14 @@ body {
background-color: fade(@base-color,30);
}
img {
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 50%;
min-height: 50%;
}
}
.image-credit {