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

A large number of minor fixes

Browse Source
This commit is contained in:
Asutosh Palai
2016-07-15 15:28:51 -04:00
parent e7e8df0f32
commit 2f7aa7db3e
6 changed files with 103 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
css/base.scss
View File

@ -6,7 +6,7 @@
$font-color: #2b2b2b;
$navbar-default-link-color: white;
$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: $navbar-default-link-color;
$home-header-bg-color: #333;
$new-article-img-height: 150px;
$new-article-img-width: 225px;
@ -186,6 +186,10 @@ body {
box-shadow: 0 100px 125px -100px;
}
&.about-header {
height: 200px;
}
.cover {
z-index: 10;
color: white;
@ -255,6 +259,20 @@ body {
#new-articles, #related-articles {
z-index: 10;
.article:hover {
.img-container {
width: $new-article-img-width * 1.1;
height: $new-article-img-height * 1.1;
}
}
.cover-container-container {
width: $new-article-img-width * 1.1;
height: $new-article-img-height * 1.1;
}
.img-container {
width: $new-article-img-width;
height: $new-article-img-height;
@ -262,6 +280,13 @@ body {
box-shadow: 0 0 15px 0 rgba(0,0,0, 0.5);
}
.details:hover ~ .cover-container-container {
& > .img-container {
width: $new-article-img-width * 1.1;
height: $new-article-img-height * 1.1;
}
}
.details {
margin: 10 auto;
font-weight: bold;
@ -270,6 +295,7 @@ body {
color: $new-article-title-color;
text-transform: capitalize;
font-size: 20px;
margin-top: 10px;
}
.tag {
@ -285,6 +311,7 @@ body {
// ========== FEATURED-ARTICLE =========== //
#featured-articles-container {
background: $featured-articles-bg-color;
padding-top: 3em;
}
#featured-articles-title {
@ -328,6 +355,7 @@ body {
background: $featured-articles-bg-color;
width: 0.9 * $article-cover-img-width; ;
height: 120px;
padding-bottom: .5em;
.tag {
position: absolute;
@ -342,8 +370,9 @@ body {
}
.title {
font-size: 1.85em;
}
&:before {
content: " ";
display: table;
@ -446,11 +475,35 @@ a {
@include transition(all, 0.2s, ease-in);
&:hover{
color: #2c45cc;
border-bottom: 1px solid #2c45cc;
color: darken($font-color, 10%);
text-decoration: none;
@include transition(all, 0.2s, ease-in);
}
&.hover-underline {
position: relative;
&:before {
content: " ";
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
background-color: #fff;
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
&:hover:before {
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
}
blockquote {
@ -583,4 +636,7 @@ footer {
h4 {
line-height:125%;
}
padding: 2em 3em;
font-size: 1.2em;
}