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