169 похожих чатов

Подскажите, вот есть в bs такая переменная, которая отвечает за

анимацию модалки
$modal-fade-transform
если я хочу ее изменить, я просто в файле _variables.scss указываю новое значение
$modal-fade-transform: scale(0.8)

но так я все модалки заставлю измениться.

как можно изменить анимацию появления только одного модальное окошка?

17 ответов

26 просмотров

переопределить эту переменную внутри именно этой модалки

DevilSAM- Автор вопроса
Zahar Avsievich
переопределить эту переменную внутри именно этой м...

да вроде пробовал... ладно, может криво что-то сделал. попробую еще раз )

DevilSAM- Автор вопроса
Zahar Avsievich
переопределить эту переменную внутри именно этой м...

что значит внутри? #myModal { $modal-fade-transform: translate(25%, 0); .. и дальше стили этой модалки } так?

DevilSAM- Автор вопроса
DevilSAM
нет

тогда просто создай другую переменную

DevilSAM- Автор вопроса
Zahar Avsievich
тогда просто создай другую переменную

тут я не понимаю как создам другую переменную, если мне нужна конкретно эта, которая за анимацию отвечает извиняюсь, если это нубский вопрос такой ))

DevilSAM
тут я не понимаю как создам другую переменную, ес...

#myModal { $modal-fade-transform-new: translate(25%, 0); transform: $modal-fade-transform-new; }

Zahar Avsievich
#myModal { $modal-fade-transform-new: translate...

а ещё лучше без переменных, просто переопределить transform и всё

DevilSAM- Автор вопроса
Zahar Avsievich
#myModal { $modal-fade-transform-new: translate...

че-то не то. не так работает.

DevilSAM
че-то не то. не так работает.

пили кодпен или жди другого ответа

DevilSAM- Автор вопроса
Zahar Avsievich
пили кодпен или жди другого ответа

вот кодпен только я че-т хз как там менять переменные бутстрапа и можно ли вообще

DevilSAM
вот кодпен только я че-т хз как там менять переме...

но тут нет переменных и что тебе нужно сделать?

DevilSAM- Автор вопроса
Zahar Avsievich
но тут нет переменных и что тебе нужно сделать?

нужно, чтобы первая модалка выезжала справа

DevilSAM
нужно, чтобы первая модалка выезжала справа

так тебе нужно анимацию прописать, а ты просто меняешь transfrom модалки, оставляя её справа

DevilSAM- Автор вопроса
Zahar Avsievich
так тебе нужно анимацию прописать, а ты просто мен...

вот я и спрашивал про переменную $modal-fade-transform из доки BS If you want for example a zoom-in animation, you can set $modal-fade-transform: scale(.8).

DevilSAM- Автор вопроса
Zahar Avsievich
но тут нет переменных и что тебе нужно сделать?

итак, рабочий вариант: // _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); }

Похожие вопросы

Обсуждают сегодня

Господа, а что сейчас вообще с рынком труда на делфи происходит? Какова ситуация?
Rꙮman Yankꙮvsky
29
А вообще, что может смущать в самой Julia - бы сказал, что нет единого стандартного подхода по многим моментам, поэтому многое выглядит как "хаки" и произвол. Короче говоря, с...
Viktor G.
2
30500 за редактор? )
Владимир
47
а через ESC-код ?
Alexey Kulakov
29
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
14
Добрый день! Скажите пожалуйста, а какие программы вы бы рекомендовали написать для того, чтобы научиться управлять памятью? Можно написать динамический массив, можно связный ...
Филипп
7
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Ребят в СИ можно реализовать ООП?
Николай
33
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
Карта сайта