Skip to content

Instantly share code, notes, and snippets.

@odessy
Last active May 1, 2025 16:21
Show Gist options
  • Save odessy/2756e659641b15cbf74014be4402306c to your computer and use it in GitHub Desktop.
Save odessy/2756e659641b15cbf74014be4402306c to your computer and use it in GitHub Desktop.
Pipeline add rounded radius to section and blocks
/* Add rounded radius to section and blocks */
.product-grid-item img,
.product-grid-item__image-wrapper,
.product-grid-item__image{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;
}
.section-padding:not(.wrapper--none) img,
.section-padding:not(.wrapper--none) .image-overlay,
.section-padding:not(.wrapper--none) .brick__section,
.section-padding:not(.wrapper--none) .brick__section.brick--margin .brick__block,
.section-padding:not(.wrapper--none) .image__hero__pane,
.section-padding:not(.wrapper--none) .video-autoplay-wrapper{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;
}
.section-columns:not(.wrapper--none) img{
-webkit-border-radius: var(--radius-shape, 10px);
-moz-border-radius: var(--radius-shape, 10px);
border-radius: var(--radius-shape, 10px);
border-radius: var(--radius-shape, 10px);
}
/* end */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment