Update styles for homepage

This commit is contained in:
James Allen 2014-07-25 14:14:27 +01:00
parent b4162511f7
commit e8c5679954
5 changed files with 35 additions and 11 deletions

View file

@ -1,4 +1,4 @@
footer
footer.site-footer
.container
.row
ul.col-md-6

View file

@ -150,10 +150,21 @@
&:after {
content: " ";
position: absolute;
top: 12px;
top: 50%;
left: 0;
right: 0;
border-top: 1px solid hsl(200, 70%, 40%);
}
}
}
.real-time-example-code {
border-left: 42px solid @gray-lighter;
background-color: white;
padding: 12px;
font-family: @font-family-monospace;
.highlight {
color: @blue;
}
box-shadow: 0 3px 3px rgba(0,0,0,.2);
}

View file

@ -1,4 +1,4 @@
footer {
footer.site-footer {
border-top: 1px solid @gray-lighter;
padding: 2em;
font-size: 0.9rem;

View file

@ -245,7 +245,20 @@ blockquote {
padding: (@line-height-computed / 2) @line-height-computed;
margin: 0 0 @line-height-computed;
font-size: @blockquote-font-size;
quotes: "\201C""\201D""\2018""\2019";
border-left: 5px solid @blockquote-border-color;
&:before {
content: open-quote;
font-size: @blockquote-font-size * 3;
color: @blockquote-border-color;
margin-right: 0.25em;
vertical-align: -0.4em;
line-height: 0.1em;
}
p {
display: inline;
}
p,
ul,
@ -264,6 +277,7 @@ blockquote {
font-size: 80%; // back to default font-size
line-height: @line-height-base;
color: @blockquote-small-color;
padding-top: @line-height-computed / 2;
&:before {
content: '\2014 \00A0'; // em dash, nbsp
@ -274,8 +288,7 @@ blockquote {
// Opposite alignment of blockquote
//
// Heads up: `blockquote.pull-right` has been deprecated as of v3.1.0.
.blockquote-reverse,
blockquote.pull-right {
.blockquote-reverse {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid @blockquote-border-color;
@ -294,10 +307,10 @@ blockquote.pull-right {
}
// Quotes
blockquote:before,
blockquote:after {
content: "";
}
// blockquote:before,
// blockquote:after {
// content: "";
// }
// Addresses
address {

View file

@ -796,9 +796,9 @@
//** Headings small color
@headings-small-color: @gray-light;
//** Blockquote small color
@blockquote-small-color: @gray-light;
@blockquote-small-color: @gray;
//** Blockquote font size
@blockquote-font-size: (@font-size-base * 1.25);
@blockquote-font-size: (@font-size-base * 1.125);
//** Blockquote border color
@blockquote-border-color: @gray-lighter;
//** Page header border color