Skip to content

Commit a4bbd7f

Browse files
committed
Extract Grid Style 9 post featured image background properties
- Add background-repeat: no-repeat, background-position: center center, background-size: cover - Include height: 100%, position: relative, overflow: hidden, margin: 0 - Add comprehensive CSS transitions for all browsers with 0.5s ease timing - Apply .pp-content-post-grid parent scoping to prevent global conflicts
1 parent 48d1c80 commit a4bbd7f

File tree

1 file changed

+16
-0
lines changed

1 file changed

+16
-0
lines changed

themes/beaver/assets/css/utilities/components/powerpack/content-grid.css

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -227,4 +227,20 @@
227227

228228
.pp-content-post-grid .pp-content-post.pp-grid-style-9 .pp-content-grid-image {
229229
height: 100%;
230+
}
231+
232+
/* Grid Style 9 Post Featured Image Background */
233+
.pp-content-post-grid .pp-content-post.pp-grid-style-9 .pp-post-featured-img {
234+
background-repeat: no-repeat;
235+
background-position: center center;
236+
background-size: cover;
237+
height: 100%;
238+
position: relative;
239+
overflow: hidden;
240+
margin: 0;
241+
-webkit-transition: all 0.5s ease;
242+
-moz-transition: all 0.5s ease;
243+
-ms-transition: all 0.5s ease;
244+
-o-transition: all 0.5s ease;
245+
transition: all 0.5s ease;
230246
}

0 commit comments

Comments
 (0)