varun-r-mallya/wona.github.com
1
0
Fork 0
mirror of https://github.com/WatchOutNewsAgency/wona.github.com.git synced 2026-01-01 01:16:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Change hover for featured articles

Browse Source
This commit is contained in:
Asutosh Palai
2016-07-11 03:54:52 -04:00
parent 81a329c67e
commit 17c1022f17
1 changed files with 19 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
css/base.scss
View File

@ -3,6 +3,7 @@
// ================ VARS ===============// // ================ VARS ===============//
$font-color: #2b2b2b;
$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: darken($navbar-default-link-color, 35%); $navbar-default-link-hover-color: darken($navbar-default-link-color, 35%);
@ -80,7 +81,7 @@ $carousel-height: 625px;
body { body {
font-size: 13px; font-size: 13px;
color: #081522; color: $font-color;
background: #fff; background: #fff;
@include box-sizing(); @include box-sizing();
} }
@ -258,7 +259,7 @@ body {
width: $new-article-img-width; width: $new-article-img-width;
height: $new-article-img-height; height: $new-article-img-height;
border-radius: 1%; border-radius: 1%;
box-shadow: 0 0 15px; box-shadow: 0 0 15px 0 rgba(0,0,0, 0.5);
} }
.details { .details {
@ -295,12 +296,27 @@ body {
} }
#featured-articles { #featured-articles {
color: lighten($font-color, 10%);
.article-cover-container { .article-cover-container {
width: $article-cover-img-width; width: $article-cover-img-width;
height: $article-cover-img-height; height: $article-cover-img-height;
box-shadow: 0px 35px 40px -20px; box-shadow: 0px 35px 40px -20px rgba(0,0,0, 0.5);
} }
a {
&:hover{
color: darken($font-color, 10%);
text-decoration: none;
@include transition(all, 0.2s, ease-in);
.details {
box-shadow: -3px -3px 15px 0 rgba(0,0,0,0.25);
}
}
}
.article-container { .article-container {
margin-bottom: 10px + 0.1 * $article-cover-img-height; margin-bottom: 10px + 0.1 * $article-cover-img-height;