ych-pumpkin
Version:
50 lines • 939 B
text/less
.modal-template-one {
width: 250px;
background: #fff;
border-radius: 10px;
>.body {
width: 100%;
height: 100px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
> .body:after {
content: "";
display: block;
position: absolute;
left: -50%;
bottom: 0;
width: 200%;
height: 1px;
background: #E5E5E5;
-webkit-transform: scale(0.5);
}
>.foot {
display: flex;
justify-content: space-between;
height: 50px;
>.cancel {
position: relative;
}
>.cancel:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -50%;
height: 200%;
width: 1px;
background: #E5E5E5;
-webkit-transform: scale(0.5);
}
>div {
width: 50%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
}
}