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 7e475931f..ec6272d8c 100644 Binary files a/assets/sass/.sass-cache/4c0f184ddf523d9e41705de4a1576d5b51e21674/style.scssc and b/assets/sass/.sass-cache/4c0f184ddf523d9e41705de4a1576d5b51e21674/style.scssc differ 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}} {{/foreach}} diff --git a/post.hbs b/post.hbs index bea24ee02..9e9240325 100644 --- a/post.hbs +++ b/post.hbs @@ -9,13 +9,35 @@

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