Use variable for container inset
This commit is contained in:
parent
8b37ba7ad7
commit
62248c2119
1 changed files with 8 additions and 7 deletions
|
@ -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.
|
||||||
|
|
Reference in a new issue