Is it possible to write a construct in pug so that the output is like this?

Question

css

Is it possible to write a construct in pug so that the output is like this?

<f:link.page class="text-center">что-то</f:link.page>

Answer 1

Make extra. wrapper over the one with overflow. This additional wrapper has the same padding + negative margin. You need to remove overflow from the slider itself.
If the shadow size exceeds the size of the indent between the slides, this method will not work. You then need to modify the slider so that the slides that are not on the "stage" are set to opacity: 0 or something similar.
For your case, this is more than suitable. In a hurry from the phone:
~ ~ ~ ~ ~
Owl has been abandoned for two years and has not been updated. The developers themselves advise going to https://github.com/ganlanyuan/tiny-slider. Personally, I use Swiper everywhere.

Answer 2

Well, if it is the slider that cuts the side shadow, then it has overflow: hidden, you need to remove this property from the parent. In general, the code in the studio)))

Answer 3

Try:
thatelement:hover{
positon:relative;
z-index:3;
}
ps you can increase the z-index or change it to position:absolute if it doesn't work

Answer 4

Look, the parent was specially marked with a red frame, and the blocks with a gray one.
Note that on hover, the shadow extends beyond the parent.
Example on jsfiddle.net: