diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-01-08 17:53:37 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-01-08 17:53:37 +0100 |
| commit | a30ac67f560ff2b3bc2a462065ac5ddaf783682c (patch) | |
| tree | 207953bb8ce89cfa64d4db4521ffbfe2f0d0920d | |
| parent | 414474f61fe78a937cf570945db699bb1a915971 (diff) | |
chore: update homepage styles
| -rw-r--r-- | src/components/Buttons/Buttons.module.scss | 6 | ||||
| m--------- | src/content | 0 | ||||
| -rw-r--r-- | src/styles/pages/Home.module.scss | 19 |
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); + } + } } |
