Style blog and lighten text

This commit is contained in:
James Allen 2014-07-22 17:09:44 +01:00
parent a4209000dc
commit dfb82015f7
4 changed files with 50 additions and 11 deletions

View file

@ -1,4 +1,6 @@
extends ../layout extends ../layout
block content block content
.content.content-alt
.blog
| !{content} | !{content}

View file

@ -1,11 +1,3 @@
.logo-header {
margin-top: unit(@line-height-base,rem);
text-align: center;
h3 {
color:@gray;
}
}
.author_details { .author_details {
font-size: .8em; font-size: .8em;
color: @gray; color: @gray;
@ -20,3 +12,45 @@
height: auto; height: auto;
} }
} }
.blog {
> .page-header {
h1 {
margin: 0;
}
padding: 0;
margin: 0;
border: none;
}
.post {
.page-header {
h2 {
margin-top: 0;
}
}
}
.page-header {
h1 {
a {
color: @text-color;
}
.small {
color: @gray-dark;
font-size: 16px;
display: inline-block;
float: right;
margin-top: 22px;
}
}
}
.blurb {
ul {
li {
margin-bottom: @line-height-computed / 4;
}
}
}
}

View file

@ -113,6 +113,9 @@ cite { font-style: normal; }
.text-serif { .text-serif {
font-family: @font-family-serif; font-family: @font-family-serif;
} }
.text-sans-serif {
font-family: @font-family-sans-serif;
}
.text-centered { .text-centered {
text-align: center; text-align: center;
} }

View file

@ -37,7 +37,7 @@
//** Background color for `<body>`. //** Background color for `<body>`.
@body-bg: #fff; @body-bg: #fff;
//** Global text color on `<body>`. //** Global text color on `<body>`.
@text-color: @gray-darker; @text-color: @gray-dark;
//** Global textual link color. //** Global textual link color.
@link-color: @brand-primary; @link-color: @brand-primary;
@ -75,7 +75,7 @@
@headings-font-family: @font-family-serif; @headings-font-family: @font-family-serif;
@headings-font-weight: 500; @headings-font-weight: 500;
@headings-line-height: 1.1; @headings-line-height: 1.1;
@headings-color: inherit; @headings-color: @gray-darker;
//-- Iconography //-- Iconography