Skip to content

Commit 5856580

Browse files
GambitGambit
authored andcommitted
fix css
1 parent 56c1bc9 commit 5856580

File tree

2 files changed

+17
-2
lines changed

2 files changed

+17
-2
lines changed

src/styles/block-design-system.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ $block-design-system: (
2828
),
2929

3030
container-border-width-hover: cssvar(container-border-width),
31-
container-border-width-parent-hover: cssvar(container-border-wdith),
31+
container-border-width-parent-hover: cssvar(container-border-width),
3232
container-box-shadow-hover: cssvar(container-box-shadow),
3333
container-box-shadow-parent-hover: cssvar(container-box-shadow),
3434
container-padding-hover: cssvar(container-padding),

src/styles/editor-block-design-system.scss

Lines changed: 16 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,11 +43,16 @@
4343
}
4444

4545
// Containers
46-
[data-type^="stackable/"].wp-block .stk-container:not(.stk--no-padding) {
46+
[data-type^="stackable/"] .stk-container:not(.stk--no-background) {
4747
border-style: cssvar(container-border-style);
4848
border-width: cssvar(container-border-width);
4949
}
5050

51+
:where(.stk-hover-parent:hover) [data-type^="stackable/"] .stk-container:not(.stk--no-background) {
52+
border-width: cssvar(container-border-width-parent-hover);
53+
box-shadow: cssvar(container-box-shadow-parent-hover);
54+
}
55+
5156
.is-selected .stk--is-hovered .stk-hover-parent [data-type^="stackable/"] .stk-container:not(.stk--no-padding),
5257
.is-selected .stk--is-hovered .stk-hover-parent [data-type^="stackable/"] .stk-container-padding {
5358
padding: cssvar(container-padding-parent-hover);
@@ -58,6 +63,16 @@
5863
padding: cssvar(container-padding-hover);
5964
}
6065

66+
.is-selected .stk--is-hovered .stk-hover-parent [data-type^="stackable/"] .stk-container:not(.stk--no-background) {
67+
box-shadow: cssvar(container-box-shadow-parent-hover);
68+
border-width: cssvar(container-border-width-parent-hover);
69+
}
70+
71+
.stk--is-hovered .stk-container:not(.stk--no-background) {
72+
box-shadow: cssvar(container-box-shadow-hover);
73+
border-width: cssvar(container-border-width-hover);
74+
}
75+
6176
// Block Backgrounds
6277
[data-type^="stackable/"] .stk-block.stk-block-background {
6378
border-style: cssvar(block-background-border-style);

0 commit comments

Comments
 (0)