Added underlining to nav links

This commit is contained in:
Asutosh Palai
2016-07-16 07:07:47 -04:00
parent 2f7aa7db3e
commit 9831484e9e
2 changed files with 9 additions and 8 deletions

View File

@ -3,10 +3,11 @@
// ================ VARS ===============// // ================ VARS ===============//
$font-color: #2b2b2b; $font-color: #333;
$navbar-default-link-color: white; $navbar-default-link-color: white;
$navbar-default-link-active-color: darken($navbar-default-link-color, 25%); $navbar-default-link-active-color: darken($navbar-default-link-color, 25%);
$navbar-default-link-hover-color: $navbar-default-link-color; $navbar-default-link-hover-color: $navbar-default-link-color;
$dropdown-link-hover-color: $navbar-default-link-color;
$home-header-bg-color: #333; $home-header-bg-color: #333;
$new-article-img-height: 150px; $new-article-img-height: 150px;
$new-article-img-width: 225px; $new-article-img-width: 225px;
@ -343,7 +344,6 @@ body {
} }
} }
.article-container { .article-container {
margin-bottom: 10px + 0.1 * $article-cover-img-height; margin-bottom: 10px + 0.1 * $article-cover-img-height;
@ -361,12 +361,14 @@ body {
position: absolute; position: absolute;
top:0; top:0;
left: 50%; left: 50%;
transform: translate(-50%,-100%); transform: translate(-50%,-75%);
text-transform: capitalize; text-transform: uppercase;
font-weight: bold; font-weight: bold;
font-size: 16px; font-size: 1.1em;
color: #ffffff; color: #ffffff;
text-shadow: 4px 4px 10px black; background-color: rgba(146, 204, 102, 0.85);
padding: 0.5em 1em;
opacity: 0.9;
} }
.title { .title {
@ -376,7 +378,6 @@ body {
&:before { &:before {
content: " "; content: " ";
display: table; display: table;
} }
} }

View File

@ -44,7 +44,7 @@ title: "Home"
<img src="/images/posts/{{ post.image }}" class="img-center-fill {% if post.image == null %}hidden{% endif %}"> <img src="/images/posts/{{ post.image }}" class="img-center-fill {% if post.image == null %}hidden{% endif %}">
</div> </div>
<div class="details text-center"> <div class="details text-center">
<span class="tag">{{ post.category }}</span> <div class="tag">{{ post.category }}</div>
<h3 class="title">{{ post.title }}</h3> <h3 class="title">{{ post.title }}</h3>
<p class="excerpt">{% if post.excerpt != null %}{{ post.excerpt | markdownify | truncate: 75 }}{% endif %}</p> <p class="excerpt">{% if post.excerpt != null %}{{ post.excerpt | markdownify | truncate: 75 }}{% endif %}</p>
</div> </div>