From 8ddf1852be4e51faca223ea697909db9079dc190 Mon Sep 17 00:00:00 2001
From: kor <h@kor.co.nz>
Date: Wed, 18 Jul 2018 22:12:02 +1200
Subject: [PATCH] Hooked up bg e css hovers.

---
 asset/style.css | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/asset/style.css b/asset/style.css
index bafc365..0c3385e 100644
--- a/asset/style.css
+++ b/asset/style.css
@@ -67,6 +67,9 @@ body {
 	left: 0px;
 	top: 0px;
 }
+.menu:hover {
+  background: var(--color-menu-bg-e);
+}
 .menu a {
 	color: var(--color-menu-item-i);
 }
@@ -84,8 +87,8 @@ body {
 
 /* MENU ITEMS */
 .menu-item {
+  padding-bottom: calc(var(--menu-item-vert-sep) / 2);
 	padding-top: calc(var(--menu-item-vert-sep) / 2);
-	padding-bottom: calc(var(--menu-item-vert-sep) / 2);
 	font-size: var(--type-icon-size);
 	box-sizing: border-box;
 	margin: 0px auto;
@@ -147,8 +150,12 @@ body {
 
 /* CONTENT */
 .container {
+  background: var(--color-main-bg-i); 
 	margin-left: var(--menu-width);
 }
+.container:hover {
+  background: var(--color-main-bg-e); 
+}
 .grid {
   margin: var(--size-gutter) auto;
 }
@@ -160,8 +167,8 @@ body {
 }
 .grid-item, .grid-item--width2 { 
 	border-radius: var(--size-item-corner);
+  background: var(--color-content-bg-i);
 	margin-bottom: var(--size-gutter);
-	background: var(--color-content-bg-i);
 	width: var(--size-grid-column);
 	padding: var(--size-gutter); 
 	box-sizing: border-box;
@@ -225,11 +232,11 @@ body {
 
 /* TYPE */
 .grid-item a .type {
+  width: calc(var(--type-icon-size)*2 + var(--size-gutter));
   color: var(--color-content-item-s);
+  padding-bottom: var(--size-gutter);
   font-size: var(--type-icon-size);
   padding-top: var(--size-gutter);
-  padding-bottom: var(--size-gutter);
-  width: calc(var(--type-icon-size)*2 + var(--size-gutter));
   vertical-align: top;
   text-align: center;
   position: absolute;
@@ -273,8 +280,8 @@ body {
 
 /* SMALL ICONS */
 .textIcon {
+  margin-right: var(--size-item-elem-sep); 
   color: var(--color-content-item-s); 
-	margin-right: var(--size-item-elem-sep); 
 }
 .grid-item:hover .textIcon {
 	color: var(--color-content-item-i);