сделал адаптивность order
This commit is contained in:
@@ -796,6 +796,9 @@ button{
|
||||
line-height: 120%;
|
||||
color: var(--text-dark);
|
||||
}
|
||||
.form-input-radio__title.form-input-radio__title--no-span span{
|
||||
color: var(--text-dark);
|
||||
}
|
||||
.form-input-radio__price{
|
||||
margin-left: auto;
|
||||
|
||||
@@ -966,6 +969,29 @@ button{
|
||||
line-height: 120%;
|
||||
color: var(--text-black);
|
||||
}
|
||||
.form-agreement__input{
|
||||
display: none;
|
||||
}
|
||||
.form-agreement__input:checked + .form-agreement__square{
|
||||
border: none;
|
||||
background: var(--gradient-blue);
|
||||
|
||||
position: relative;
|
||||
}
|
||||
.form-agreement__input:checked + .form-agreement__square::after{
|
||||
content: '';
|
||||
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
left: 1px;
|
||||
|
||||
width: 16px;
|
||||
aspect-ratio: 1;
|
||||
|
||||
background-image: url(../img/svg/main/arrow-selected-white.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
/* form */
|
||||
|
||||
|
||||
@@ -1736,6 +1762,9 @@ button{
|
||||
.modal-form--width-584{
|
||||
width: 584px;
|
||||
}
|
||||
.modal-form--cdek{
|
||||
width: 836px;
|
||||
}
|
||||
.modal-form__close{
|
||||
position: absolute;
|
||||
top: 24px;
|
||||
@@ -1841,6 +1870,8 @@ button{
|
||||
height: 16px;
|
||||
|
||||
background-image: url(../img/svg/main/arrow-right-input.svg);
|
||||
|
||||
pointer-events: none;
|
||||
}
|
||||
.modal-form-content__line--two .modal-form-content-line__element{
|
||||
width: calc(50% - 12px);
|
||||
|
||||
@@ -184,4 +184,39 @@
|
||||
}
|
||||
.order-your-calculation__submit{
|
||||
margin-top: 48px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1200px) {
|
||||
.order{
|
||||
display: block;
|
||||
}
|
||||
.order__contacts, .order__your{
|
||||
border: none;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 720px) {
|
||||
.order__title{
|
||||
font-size: 20px;
|
||||
line-height: 120%;
|
||||
}
|
||||
.order__your{
|
||||
margin-top: 16px;
|
||||
}
|
||||
.order__contacts{
|
||||
padding: 24px 16px;
|
||||
}
|
||||
.order__your{
|
||||
padding: 40px 16px 9px 16px;
|
||||
}
|
||||
.order-your__promo{
|
||||
display: block;
|
||||
}
|
||||
.order-your-promo__button{
|
||||
margin-left: 0;
|
||||
margin-top: 24px;
|
||||
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user