анимацию модалки
$modal-fade-transform
если я хочу ее изменить, я просто в файле _variables.scss указываю новое значение
$modal-fade-transform: scale(0.8)
но так я все модалки заставлю измениться.
как можно изменить анимацию появления только одного модальное окошка?
переопределить эту переменную внутри именно этой модалки
да вроде пробовал... ладно, может криво что-то сделал. попробую еще раз )
что значит внутри? #myModal { $modal-fade-transform: translate(25%, 0); .. и дальше стили этой модалки } так?
да не работает так?
тогда просто создай другую переменную
тут я не понимаю как создам другую переменную, если мне нужна конкретно эта, которая за анимацию отвечает извиняюсь, если это нубский вопрос такой ))
#myModal { $modal-fade-transform-new: translate(25%, 0); transform: $modal-fade-transform-new; }
а ещё лучше без переменных, просто переопределить transform и всё
че-то не то. не так работает.
пили кодпен или жди другого ответа
вот кодпен только я че-т хз как там менять переменные бутстрапа и можно ли вообще
но тут нет переменных и что тебе нужно сделать?
нужно, чтобы первая модалка выезжала справа
так тебе нужно анимацию прописать, а ты просто меняешь transfrom модалки, оставляя её справа
вот я и спрашивал про переменную $modal-fade-transform из доки BS If you want for example a zoom-in animation, you can set $modal-fade-transform: scale(.8).
итак, рабочий вариант: // _variables.scss :root { // стандартное поведение --my-modal-fade-transform: translate(0, -50px); } $modal-fade-transform: var(--my-modal-fade-transform); // modals.scss #menuModal { // Переопределяем значение --my-modal-fade-transform: translate(25%, 0); }
Обсуждают сегодня