Beautiful Design App

Project Showcase
636

Bonjour @Joe_Gabriele

I also needed this option, so I adapted @Robert_Petitto CSS so that spaces respect “spacing”.
BUT BE CAREFUL, this uses unnamed classes so it may not work one day. however, if this happens, the default is taken into account.

image
image1712×1040 117 KB

CSS

<pre><span><style>

[data-test="app-hr"] {
background-color: rgb(246, 246, 246);
padding-left:0px;
padding-right:0px;
}

[data-test="app-hr"]:after {
content: "";
position:relative;
top:-30px;
height:20px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
background:#fff;
box-shadow: 0 3px 0 0 rgb(226, 226, 226);
z-index:0 !important;
}

[data-test="app-hr"]:before {
content: "";
position:relative;
top:30px;
height:20px; 
border-top-right-radius: 15px;
border-top-left-radius: 15px;
box-shadow: 0 -1px 0 0 rgb(226, 226, 226);
background:#fff;
z-index:0 !important;
}

/* **************** Default */
.kxHqnt:after {
}

.kxHqnt:before {
}

/* **************** Small */ 
.eUKgzh:after {
content: "";
top:-35px;
}

.eUKgzh:before {
content: "";
top:35px;
}

/* **************** Medium */
.gWGzJy:after {
content: "";
top:-45px;
}

.gWGzJy:before {
content: "";
top:45px;
}

/* **************** Large */
.iBGoXU:after {
content: "";
top:-55px;
}

.iBGoXU:before {
content: "";
top:55px;
}


</style></span></pre>
2 Likes