uikit / uikit

A lightweight and modular front-end framework for developing fast and powerful web interfaces

Home Page:http://getuikit.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

uikit-slider with uk-grid-small and uk-card-default

Brain8torm opened this issue · comments

Hi! I am using UIKit 3.19.1. I ran into a problem when using the Slider component at the same time as the Grid and Card components. The card has the default style (with shadow). When using .uk-grid and .uk-slider-container-offset, everything is OK, but when using .uk-slider-container-offset and .uk-grid-small, the next slide is shown on the right. I would like to understand how to resolve this conflict and that you take this into account in the new version.

2024-03-17_14-57-34

Demo: https://codepen.io/-BrainStorm/full/vYMyjox
Code: https://codepen.io/-BrainStorm/pen/vYMyjox

Maybe so?

.uk-slider-container-offset-small {
  margin: -11px -4px -39px -4px;
  padding: 11px 4px 39px 4px;
}