From a30ac67f560ff2b3bc2a462065ac5ddaf783682c Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Sat, 8 Jan 2022 17:53:37 +0100
Subject: chore: update homepage styles

---
 src/components/Buttons/Buttons.module.scss |  6 +++++-
 src/content                                |  2 +-
 src/styles/pages/Home.module.scss          | 19 ++++++++++++++++++-
 3 files changed, 24 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/components/Buttons/Buttons.module.scss b/src/components/Buttons/Buttons.module.scss
index 2973b1f..08dc8b4 100644
--- a/src/components/Buttons/Buttons.module.scss
+++ b/src/components/Buttons/Buttons.module.scss
@@ -155,6 +155,8 @@
 
   &:hover,
   &:focus {
+    border-color: var(--color-primary-light);
+    color: var(--color-primary-light);
     box-shadow: fun.convert-px(1) fun.convert-px(1) fun.convert-px(1)
         var(--color-shadow-lighter),
       fun.convert-px(1) fun.convert-px(2) fun.convert-px(2) fun.convert-px(-2)
@@ -167,10 +169,12 @@
   }
 
   &:focus {
-    text-decoration: underline var(--color-primary) fun.convert-px(3);
+    text-decoration: underline var(--color-primary-light) fun.convert-px(3);
   }
 
   &:active {
+    border-color: var(--color-primary-dark);
+    color: var(--color-primary-dark);
     box-shadow: 0 0 0 0 var(--color-shadow-light);
     text-decoration: underline transparent 0;
     transform: scale(0.94);
diff --git a/src/content b/src/content
index 0a46ff9..a48da66 160000
--- a/src/content
+++ b/src/content
@@ -1 +1 @@
-Subproject commit 0a46ff9e84354f57aef6d919b7fefbfae478f996
+Subproject commit a48da663f25b8cf4b641e0ab1c39805196bc9836
diff --git a/src/styles/pages/Home.module.scss b/src/styles/pages/Home.module.scss
index 49f483c..4cbc9b1 100644
--- a/src/styles/pages/Home.module.scss
+++ b/src/styles/pages/Home.module.scss
@@ -1,10 +1,11 @@
+@use "@styles/abstracts/functions" as fun;
 @use "@styles/abstracts/placeholders";
 
 .links-list {
   @extend %flex-list;
 
   gap: var(--spacing-md);
-  margin: var(--spacing-md) 0;
+  margin: 0 0 var(--spacing-md);
 }
 
 .section {
@@ -12,8 +13,24 @@
   grid-template-columns:
     minmax(0, 1fr) min(calc(100vw - calc(var(--spacing-md) * 2)), 80ch)
     minmax(0, 1fr);
+  padding: var(--spacing-md) 0;
+  background: var(--color-bg-secondary);
+
+  &:not(:last-child) {
+    border-bottom: fun.convert-px(1) solid var(--color-border-light);
+  }
+
+  &:nth-child(2n) {
+    background: var(--color-bg);
+  }
 
   > * {
     grid-column: 2;
   }
+
+  :global {
+    .wp-block-columns {
+      margin: 0 0 var(--spacing-md);
+    }
+  }
 }
-- 
cgit v1.2.3