97 lines
1.9 KiB
SCSS
97 lines
1.9 KiB
SCSS
/**=====================
|
|
Modal CSS start
|
|
==========================**/
|
|
|
|
.modal-toggle-wrapper {
|
|
padding: 40px;
|
|
|
|
@media (max-width:768px) {
|
|
padding: calc(14px + (40 - 14) * ((100vw - 320px) / (768 - 320)));
|
|
}
|
|
|
|
.form-control {
|
|
&::placeholder {
|
|
font-size: 13px;
|
|
}
|
|
}
|
|
|
|
.modal-img {
|
|
display: flex;
|
|
justify-content: center;
|
|
|
|
img {
|
|
width: 200px;
|
|
height: 200px;
|
|
|
|
@media (max-width:992px) {
|
|
width: calc(136px + (200 - 136) * ((100vw - 320px) / (992 - 320)));
|
|
height: calc(136px + (200 - 136) * ((100vw - 320px) / (992 - 320)));
|
|
}
|
|
}
|
|
|
|
li {
|
|
img {
|
|
width: 100px;
|
|
height: 100px;
|
|
|
|
@media (max-width:992px) {
|
|
width: calc(75px + (100 - 75) * ((100vw - 320px) / (992 - 320)));
|
|
height: calc(75px + (100 - 75) * ((100vw - 320px) / (992 - 320)));
|
|
}
|
|
}
|
|
}
|
|
|
|
li+li {
|
|
margin-left: -39px;
|
|
}
|
|
}
|
|
|
|
button {
|
|
svg {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.large-modal-header,
|
|
.large-modal-body {
|
|
display: flex;
|
|
align-items: center;
|
|
color: $dark-color;
|
|
|
|
svg {
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
}
|
|
|
|
.modal-padding-space {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.svg-modal {
|
|
width: 15px;
|
|
height: 15px;
|
|
stroke: $secondary-color;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.card-wrapper {
|
|
.modal-heading {
|
|
h5 {
|
|
font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1400 - 320)));
|
|
}
|
|
}
|
|
|
|
.balance-modal {
|
|
@media (min-width:750px) and (max-width:1200px) {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
}
|
|
|
|
/**=====================
|
|
Modal CSS end
|
|
==========================**/ |