Skip to content

Commit 73bd565

Browse files
author
bfintal@gmail.com
committed
fix (global spacing): removed background and container padding hover and parent hover
1 parent 51dab6b commit 73bd565

2 files changed

Lines changed: 20 additions & 20 deletions

File tree

src/plugins/global-settings/spacing-and-borders/index.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -185,7 +185,7 @@ addFilter( 'stackable.global-settings.inspector', 'stackable/global-spacing-and-
185185
label={ __( 'Padding', i18n ) }
186186
placeholder="24"
187187
responsive="all"
188-
hover="all"
188+
// hover="all"
189189
forceUpdateHoverState={ true }
190190
min={ [ 0, 0, 0 ] }
191191
sliderMax={ [ 200, 30, 100 ] }
@@ -271,7 +271,7 @@ addFilter( 'stackable.global-settings.inspector', 'stackable/global-spacing-and-
271271
<FourRangeControl
272272
label={ __( 'Padding', i18n ) }
273273
responsive="all"
274-
hover="all"
274+
// hover="all"
275275
forceUpdateHoverState={ true }
276276
min={ [ 0, 0, 0 ] }
277277
sliderMax={ [ 200, 30, 100 ] }

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

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -153,15 +153,15 @@
153153
.stk-container:not(.stk--no-padding) {
154154
padding: cssvar(container-padding);
155155

156-
&:hover {
157-
padding: cssvar(container-padding-hover);
158-
}
156+
// &:hover {
157+
// padding: cssvar(container-padding-hover);
158+
// }
159159
}
160160

161161
.stk--container-small .stk-container:not(.stk--no-padding) {
162162
#{ '--stk-container-padding' }: cssvar(container-padding-small);
163-
#{ '--stk-container-padding-hover' }: cssvar(container-padding-small);
164-
#{ '--stk-container-padding-parent-hover' }: cssvar(container-padding-small);
163+
// #{ '--stk-container-padding-hover' }: cssvar(container-padding-small);
164+
// #{ '--stk-container-padding-parent-hover' }: cssvar(container-padding-small);
165165
}
166166
.stk-container:not(.stk--no-background) {
167167
background-color: cssvar(container-background-color);
@@ -185,15 +185,15 @@
185185
}
186186
.stk-container-padding {
187187
padding: cssvar(container-padding);
188-
&:hover {
189-
padding: cssvar(container-padding-hover);
190-
}
188+
// &:hover {
189+
// padding: cssvar(container-padding-hover);
190+
// }
191191
}
192192

193-
:where(.stk-hover-parent:hover) .stk-container:not(.stk--no-padding),
194-
:where(.stk-hover-parent:hover) .stk-container-padding {
195-
padding: cssvar(container-padding-parent-hover);
196-
}
193+
// :where(.stk-hover-parent:hover) .stk-container:not(.stk--no-padding),
194+
// :where(.stk-hover-parent:hover) .stk-container-padding {
195+
// padding: cssvar(container-padding-parent-hover);
196+
// }
197197

198198
// Columns
199199
.stk-block:not(.stk-block-column) {
@@ -214,9 +214,9 @@ body:not(.wp-admin) .stk-block-columns:has(> .stk-block-content > .stk-block-col
214214
box-shadow: cssvar(block-background-box-shadow);
215215
&:not(.stk--no-padding) {
216216
padding: cssvar(block-background-padding);
217-
&:hover {
218-
padding: cssvar(block-background-padding-hover);
219-
}
217+
// &:hover {
218+
// padding: cssvar(block-background-padding-hover);
219+
// }
220220
}
221221
&:hover {
222222
background-color: var(--stk-block-background-color-hover, cssvar(block-background-color));
@@ -236,9 +236,9 @@ body:not(.wp-admin) .stk-block-columns:has(> .stk-block-content > .stk-block-col
236236
:where(.stk-hover-parent:hover) .stk-block.stk-block-background {
237237
border-width: cssvar(block-background-border-width-parent-hover);
238238
box-shadow: cssvar(block-background-box-shadow-parent-hover);
239-
&:not(.stk--no-padding) {
240-
padding: cssvar(block-background-padding-parent-hover);
241-
}
239+
// &:not(.stk--no-padding) {
240+
// padding: cssvar(block-background-padding-parent-hover);
241+
// }
242242
}
243243

244244
// Images

0 commit comments

Comments
 (0)