From dfb82015f706c5e567cd38dbe9b73761308c13f7 Mon Sep 17 00:00:00 2001 From: James Allen Date: Tue, 22 Jul 2014 17:09:44 +0100 Subject: [PATCH] Style blog and lighten text --- services/web/app/views/blog/blog_holder.jade | 4 +- services/web/public/stylesheets/app/blog.less | 50 ++++++++++++++++--- .../web/public/stylesheets/core/type.less | 3 ++ .../public/stylesheets/core/variables.less | 4 +- 4 files changed, 50 insertions(+), 11 deletions(-) diff --git a/services/web/app/views/blog/blog_holder.jade b/services/web/app/views/blog/blog_holder.jade index babf2ebad9..d9a89d4c4b 100644 --- a/services/web/app/views/blog/blog_holder.jade +++ b/services/web/app/views/blog/blog_holder.jade @@ -1,4 +1,6 @@ extends ../layout block content - | !{content} \ No newline at end of file + .content.content-alt + .blog + | !{content} \ No newline at end of file diff --git a/services/web/public/stylesheets/app/blog.less b/services/web/public/stylesheets/app/blog.less index b65b1cef77..1e474e54d5 100644 --- a/services/web/public/stylesheets/app/blog.less +++ b/services/web/public/stylesheets/app/blog.less @@ -1,11 +1,3 @@ -.logo-header { - margin-top: unit(@line-height-base,rem); - text-align: center; - h3 { - color:@gray; - } -} - .author_details { font-size: .8em; color: @gray; @@ -20,3 +12,45 @@ 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; + } + } + } +} diff --git a/services/web/public/stylesheets/core/type.less b/services/web/public/stylesheets/core/type.less index d88848615f..738afd6865 100755 --- a/services/web/public/stylesheets/core/type.less +++ b/services/web/public/stylesheets/core/type.less @@ -113,6 +113,9 @@ cite { font-style: normal; } .text-serif { font-family: @font-family-serif; } +.text-sans-serif { + font-family: @font-family-sans-serif; +} .text-centered { text-align: center; } diff --git a/services/web/public/stylesheets/core/variables.less b/services/web/public/stylesheets/core/variables.less index 1561a5e4a5..a856ed986c 100755 --- a/services/web/public/stylesheets/core/variables.less +++ b/services/web/public/stylesheets/core/variables.less @@ -37,7 +37,7 @@ //** Background color for ``. @body-bg: #fff; //** Global text color on ``. -@text-color: @gray-darker; +@text-color: @gray-dark; //** Global textual link color. @link-color: @brand-primary; @@ -75,7 +75,7 @@ @headings-font-family: @font-family-serif; @headings-font-weight: 500; @headings-line-height: 1.1; -@headings-color: inherit; +@headings-color: @gray-darker; //-- Iconography