From 7f3b7d0a4602cd72dadcf97005cc9c98aa86d6af Mon Sep 17 00:00:00 2001 From: Rory Gibson Date: Thu, 27 Feb 2014 03:11:29 +0400 Subject: [PATCH] Added social share buttons --- assets/css/style.css | 59 +++++++++++++++--- .../style.scssc | Bin 44623 -> 49076 bytes assets/sass/style.scss | 57 ++++++++++++++++- index.hbs | 26 +++++++- post.hbs | 26 +++++++- 5 files changed, 153 insertions(+), 15 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index 250f96e67..c61695f1c 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -112,6 +112,16 @@ table { .fluid-width-video-wrapper { margin-bottom: 40px; } +.hidden { + text-indent: -9999px; + visibility: hidden; + display: none; } + +.clearfix:after { + content: ""; + display: table; + clear: both; } + /* ============================================================ */ /* General Appearance */ /* ============================================================ */ @@ -230,18 +240,41 @@ table { margin: 40px auto 0; width: 100px; } -.post-content { - margin: 0 0 92px; } - .post-content a:hover { - border-bottom: 1px dotted #f03838; - padding: 0 0 2px; } +.post-content a:hover { + border-bottom: 1px dotted #f03838; + padding: 0 0 2px; } +.post-content:last-child { + margin-bottom: 0; } -.post-tags { +.post-footer { + margin-top: 5px; } + +.post-tags, +.share { color: #AEADAD; font-size: 14px; } - .post-tags span { + .post-tags span, + .share span { font-weight: 600; } +.post-tags { + float: left; + margin: 3px 0 0; } + +.share { + float: right; } + .share a { + background: #f03838; + color: #FFF; + display: inline-block; + font-size: 16px; + margin-left: 5px; + padding: 5px 0 4px; + width: 30px; + text-align: center; } + .share a:hover { + background: #303030; } + .post-navigation { display: table; margin: 70px auto 100px; } @@ -324,6 +357,7 @@ table { background: #303030; color: #D3D3D3; height: 265px; + margin-top: 95px; overflow: auto; } .footer .site-title-wrapper { margin: 80px auto 35px; } @@ -381,7 +415,16 @@ table { .post-container, .post-list { margin-right: 25px; - margin-left: 25px; } } + margin-left: 25px; } + + .post-tags { + width: 100%; } + + .share { + float: left; + margin-top: 20px; } + .share a { + margin: 0 5px 0 0; } } @media only screen and (max-width: 400px) { .post-title { font-size: 32px; } diff --git a/assets/sass/.sass-cache/4c0f184ddf523d9e41705de4a1576d5b51e21674/style.scssc b/assets/sass/.sass-cache/4c0f184ddf523d9e41705de4a1576d5b51e21674/style.scssc index 7e475931f36615ebdf95e23af9b38ac4b0a64e9c..ec6272d8c3fa9ad8eb7d9c4b9b2ede5d115b4edb 100644 GIT binary patch delta 7472 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 delta 5421 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 OaQfAw58<0P-v18^$>@*( diff --git a/assets/sass/style.scss b/assets/sass/style.scss index a42f43489..5673d2acf 100644 --- a/assets/sass/style.scss +++ b/assets/sass/style.scss @@ -124,6 +124,20 @@ table { .fluid-width-video-wrapper { margin-bottom: 40px; } +.hidden { + text-indent: -9999px; + visibility: hidden; + display: none; +} + +.clearfix { + &:after{ + content: ""; + display: table; + clear: both; + } +} + /* ============================================================ */ /* General Appearance */ /* ============================================================ */ @@ -261,21 +275,46 @@ table { } .post-content { - margin: 0 0 92px; - a:hover { border-bottom: 1px dotted $primary; padding: 0 0 2px; } + + &:last-child { margin-bottom: 0; } } -.post-tags { +.post-footer { margin-top: 5px; } + +.post-tags, +.share { color: #AEADAD; font-size: 14px; span { font-weight: 600; } } +.post-tags { + float: left; + margin: 3px 0 0; +} + +.share { + float: right; + + a { + background: $primary; + color: #FFF; + display: inline-block; + font-size: 16px; + margin-left: 5px; + padding: 5px 0 4px; + width: 30px; + text-align: center; + } + + a:hover { background: $secondary; } +} + .post-navigation { display: table; margin: 70px auto 100px; @@ -372,6 +411,7 @@ table { background: $secondary; color: #D3D3D3; height: 265px; + margin-top: 95px; overflow: auto; .site-title-wrapper { margin: 80px auto 35px; } @@ -442,6 +482,17 @@ table { margin-right: 25px; margin-left: 25px; } + + .post-tags { width: 100%; } + + .share { + float: left; + margin-top: 20px; + + a { + margin: 0 5px 0 0; + } + } } @media only screen and (max-width: 400px) { diff --git a/index.hbs b/index.hbs index 33b29795f..d69a0ad3a 100644 --- a/index.hbs +++ b/index.hbs @@ -10,13 +10,35 @@

-
+
{{{content}}} +
+
{{#if tags}}

Tagged: {{tags}}

{{/if}} -
+ + + {{/if}} {{/foreach}} diff --git a/post.hbs b/post.hbs index bea24ee02..9e9240325 100644 --- a/post.hbs +++ b/post.hbs @@ -9,13 +9,35 @@

-
+
{{{content}}} +
+
{{#if tags}}

Tagged: {{tags}}

{{/if}} -
+ + + {{/post}} \ No newline at end of file