diff options
| author | Armand Philippot <git@armandphilippot.com> | 2023-09-29 21:29:45 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2023-11-11 18:14:41 +0100 |
| commit | 4f768afe543bbf9e1857c41d03804f8e37ab3512 (patch) | |
| tree | d751219a147688b5665c51db3c8dbdca1f1345ee /src/styles/pages/partials/_article-wp-blocks.scss | |
| parent | 9128c224c65f8f2a172b22a443ccb4573c7acd90 (diff) | |
refactor(components): rewrite List component
* change `items` prop to children
* replace `kind` prop with `isHierarchical`, `isOrdered` & `isInline` props
* add `hideMarker` prop
* add `spacing` prop to control item spacing
* move lists styles to Sass placeholders to avoid repeats because of
headless WordPress
Diffstat (limited to 'src/styles/pages/partials/_article-wp-blocks.scss')
| -rw-r--r-- | src/styles/pages/partials/_article-wp-blocks.scss | 15 |
1 files changed, 9 insertions, 6 deletions
diff --git a/src/styles/pages/partials/_article-wp-blocks.scss b/src/styles/pages/partials/_article-wp-blocks.scss index 6a847b1..f23be05 100644 --- a/src/styles/pages/partials/_article-wp-blocks.scss +++ b/src/styles/pages/partials/_article-wp-blocks.scss @@ -9,7 +9,8 @@ position: relative; border: fun.convert-px(1) solid var(--color-border-dark); border-left: fun.convert-px(5) solid var(--color-border-dark); - box-shadow: fun.convert-px(1) fun.convert-px(1) fun.convert-px(1) 0 + box-shadow: + fun.convert-px(1) fun.convert-px(1) fun.convert-px(1) 0 var(--color-shadow), fun.convert-px(3) fun.convert-px(3) fun.convert-px(4) 0 var(--color-shadow); @@ -94,8 +95,6 @@ gap: var(--spacing-sm); .blocks-gallery-grid { - @extend %reset-list; - grid-column: 1 / -1; grid-row: 1 / -1; display: grid; @@ -110,7 +109,8 @@ a { display: block; - box-shadow: 0 0 fun.convert-px(1) 0 var(--color-shadow), + box-shadow: + 0 0 fun.convert-px(1) 0 var(--color-shadow), fun.convert-px(2) fun.convert-px(2) fun.convert-px(2) 0 var(--color-shadow-light), fun.convert-px(3) fun.convert-px(3) fun.convert-px(6) 0 @@ -119,7 +119,8 @@ &:hover, &:focus { transform: scale(1.05); - box-shadow: 0 0 fun.convert-px(1) 0 var(--color-shadow), + box-shadow: + 0 0 fun.convert-px(1) 0 var(--color-shadow), fun.convert-px(3) fun.convert-px(3) fun.convert-px(2) 0 var(--color-shadow-light), fun.convert-px(5) fun.convert-px(5) fun.convert-px(8) 0 @@ -132,7 +133,8 @@ &:active { transform: scale(0.95); - box-shadow: 0 0 fun.convert-px(1) 0 var(--color-shadow), + box-shadow: + 0 0 fun.convert-px(1) 0 var(--color-shadow), fun.convert-px(2) fun.convert-px(2) fun.convert-px(2) 0 var(--color-shadow-light), 0 0 0 0 var(--color-shadow-light); @@ -141,6 +143,7 @@ } } + // cSpell:ignore aligncenter &.aligncenter { .blocks-gallery-grid { align-items: center; |