From 3d5412d741d4925cf304a16d1d9723d0753acd09 Mon Sep 17 00:00:00 2001
From: Siroco <siroco@piperrak.cc>
Date: Sun, 3 Feb 2019 00:57:27 +0100
Subject: [PATCH] Edit Style on hover homepage

---
 src/app/section/section.component.html | 2 +-
 src/styles.css                         | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/app/section/section.component.html b/src/app/section/section.component.html
index 5453bd7..9f19a9a 100644
--- a/src/app/section/section.component.html
+++ b/src/app/section/section.component.html
@@ -4,7 +4,7 @@
 	<a routerLink="/{{page.slug}}">
 	<div class="row section-content" >
 		<div class="col-md-1 ia-select"></div>
-		<div class="col-md-5" [ngStyle]="{'background-size':'cover', 'background-repeat':'no-repeat','background-image':'url(\''+page.background_image+'\')'}"><h1><span>{{page.title}}</span></h1></div>
+		<div class="col-md-5 ia-image" [ngStyle]="{'background-size':'cover', 'background-repeat':'no-repeat','background-image':'url(\''+page.background_image+'\')'}"><h1><span>{{page.title}}</span></h1></div>
 		<div class="col-md-6 ia-home-excerpt" [innerHTML]="page.excerpt"></div>
 	</div>
 	</a>
diff --git a/src/styles.css b/src/styles.css
index e54f866..5df96ef 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -49,7 +49,7 @@ div.menu nav ul li.active { background-color:#f7886c;color:#fff;}
 div.stick-menu { z-index:200;position:fixed;width:100%;top:0;}
 
 /* section */
-div.ia-section { min-height:300px;width:100%;background-size:contain; background-repeat:no-repeat; }
+div.ia-section { margin-bottom:30px; min-height:300px;width:100%;background-size:contain; background-repeat:no-repeat; }
 div.ia-section div.row div {text-align:center;min-height:300px;}
 div.ia-section h1,
 div.ia-section p  {margin-top:50px;padding:20px;}
@@ -59,6 +59,8 @@ div.ia-section h2 span { background-color:#f7886c; }
 div.ia-section:hover { cursor:pointer; }
 div.ia-section:active { background: #f7886c; }
 div.ia-section:hover div.ia-select { min-height:300px; background:#f7886c; padding:0 !important; }
+div.ia-section:hover div.ia-image {filter:grayscale(1);opacity:0.8;}
+div.ia-section:hover div.ia-home-excerpt { background:#f7886c;} 
 div.ia-section div.col-md-5,
 div.ia-section div.col-md-6  { padding:20px;}
 div.ia-section div.ia-home-excerpt { font-size:1.5em; }