aboutsummaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2022-01-08 17:53:37 +0100
committerArmand Philippot <git@armandphilippot.com>2022-01-08 17:53:37 +0100
commita30ac67f560ff2b3bc2a462065ac5ddaf783682c (patch)
tree207953bb8ce89cfa64d4db4521ffbfe2f0d0920d /src
parent414474f61fe78a937cf570945db699bb1a915971 (diff)
chore: update homepage styles
Diffstat (limited to 'src')
-rw-r--r--src/components/Buttons/Buttons.module.scss6
m---------src/content0
-rw-r--r--src/styles/pages/Home.module.scss19
3 files changed, 23 insertions, 2 deletions
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
-Subproject 0a46ff9e84354f57aef6d919b7fefbfae478f99
+Subproject a48da663f25b8cf4b641e0ab1c39805196bc983
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);
+ }
+ }
}