1
Fork 0

Use variable for container inset

This commit is contained in:
Jake Howard 2016-03-18 17:58:47 +00:00
parent 8b37ba7ad7
commit 62248c2119

View file

@ -1,4 +1,5 @@
@blueprint-logo: url(http://ultimatestorytellingblueprint.com/wp-content/uploads/2014/07/Blueprint-Background1.jpg); @blueprint-logo: url(http://ultimatestorytellingblueprint.com/wp-content/uploads/2014/07/Blueprint-Background1.jpg);
@container-inset: 35px;
body.index { body.index {
#header { #header {
@ -38,8 +39,8 @@ body.index {
background-color: #333; background-color: #333;
.container { .container {
text-align: center; text-align: center;
margin-top: 35px; margin-top: @container-inset;
margin-bottom: 35px; margin-bottom: @container-inset;
color: white; color: white;
} }
} }
@ -53,11 +54,11 @@ body.index {
} }
.container { .container {
text-align: center; text-align: center;
margin-top: 27px; margin-top: @container-inset;
margin-bottom: 35px; margin-bottom: @container-inset;
h1 { h1 {
margin-top: 0; margin-top: 0;
margin-bottom: 30px; margin-bottom: @container-inset / 2;
color: white; color: white;
font-size: 40px; font-size: 40px;
} }
@ -80,8 +81,8 @@ body.index {
#twitter-feed { #twitter-feed {
text-align: center; text-align: center;
.container { .container {
margin-top: 25px; margin-top: @container-inset;
margin-bottom: 25px; margin-bottom: @container-inset;
} }
.twitter-timeline { .twitter-timeline {
height: 65vh !important; // Because twitter uses inline styles. height: 65vh !important; // Because twitter uses inline styles.