pixel pushing
This commit is contained in:
parent
fe5a12592b
commit
ae41ace9d1
1 changed files with 5 additions and 3 deletions
|
|
@ -85,10 +85,12 @@ a:active {
|
||||||
padding-bottom: Min(50vw, 250px);
|
padding-bottom: Min(50vw, 250px);
|
||||||
&-topper {
|
&-topper {
|
||||||
margin-top: 175px;
|
margin-top: 175px;
|
||||||
height: Min(50vw, 250px);
|
// The content below the topper shouldn't be too high or too low.
|
||||||
|
height: Min(Max(50vw, 175px), 250px);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
position:relative;
|
position:relative;
|
||||||
top: -90px;
|
// Keep Paddy just cresting the top.
|
||||||
|
top: calc(-20px - Min(Max(50vw, 175px), 250px) * .3);
|
||||||
.topper-img {
|
.topper-img {
|
||||||
width: 40%;
|
width: 40%;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
|
@ -122,7 +124,7 @@ a:active {
|
||||||
.right-bleed {
|
.right-bleed {
|
||||||
width: 35%;
|
width: 35%;
|
||||||
img {
|
img {
|
||||||
height: 250px;
|
width: calc(100% + 40px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.content-text {
|
.content-text {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue