--top: 0;
                  
                  
                      top: calc(-1px * var(--top));
                  
                  
                  
                  
                  
                  но когда переменная будет иметь значение 
                  
                  
                       --top: 10px;
                  
                  
                      top: calc(-1px * var(--top));
                  
                  
                   уже не валидное правило?
                  
                  
                
да
умножать пиксели нужно на число. попробуй —top: 10 просто
 Bohdan
                          
                        
                      
                    
                    
                    
                    
                      Автор вопроса
                      
                      
                        
                          Bohdan
                          
                        
                      
                    
                    
                    
                    
                      Автор вопроса
                    
                    
                  ну так —top или "0" или значение с px
https://developer.mozilla.org/en-US/docs/Web/CSS/calc()#syntax
ну тогда в формуле -1px поменяй на -1
 Bohdan
                          
                        
                      
                    
                    
                    
                    
                      Автор вопроса
                      
                      
                        
                          Bohdan
                          
                        
                      
                    
                    
                    
                    
                      Автор вопроса
                    
                    
                  да, но при "0" формула не будет работать
сфига ли? ты что -1px умножаешь на ноль что -1 будет 0
 Bohdan
                          
                        
                      
                    
                    
                    
                    
                      Автор вопроса
                      
                      
                        
                          Bohdan
                          
                        
                      
                    
                    
                    
                    
                      Автор вопроса
                    
                    
                  ну по сути там просто нужно сделать значение отрицательным
как у тебя отрицательное значение из нуля то будет?
 Bohdan
                          
                        
                      
                    
                    
                    
                    
                      Автор вопроса
                      
                      
                        
                          Bohdan
                          
                        
                      
                    
                    
                    
                    
                      Автор вопроса
                    
                    
                  ну значит будет 0
ты мозги мне делаешь. замени -1px на -1 и все будет как ты хочешь
--top: 10; top: calc(-1px * var(--top)); будет -10пх
Всё правильно. Так и надо
 Bohdan
                          
                        
                      
                    
                    
                    
                    
                      Автор вопроса
                      
                      
                        
                          Bohdan
                          
                        
                      
                    
                    
                    
                    
                      Автор вопроса
                    
                    
                  да но когда есть значение —top: 10px
осталось это только до Богдана донести
блять вот реально я тебе уже 3 раза написал как сделать
--top: 10px; top: calc(-1 * var(--top));
 Bohdan
                          
                        
                      
                    
                    
                    
                    
                      Автор вопроса
                      
                      
                        
                          Bohdan
                          
                        
                      
                    
                    
                    
                    
                      Автор вопроса
                    
                    
                  до но —top: 0 и формула уже ломается
ну ты если на ноль умножаешь будет ноль тышо
 Bohdan
                          
                        
                      
                    
                    
                    
                    
                      Автор вопроса
                      
                      
                        
                          Bohdan
                          
                        
                      
                    
                    
                    
                    
                      Автор вопроса
                    
                    
                  ну так я же только что проверил в реальном проекте
Ты посмотри внимательно на свой скрин
незнаю чо ты там проверял
 Bohdan
                          
                        
                      
                    
                    
                    
                    
                      Автор вопроса
                      
                      
                        
                          Bohdan
                          
                        
                      
                    
                    
                    
                    
                      Автор вопроса
                    
                    
                  да там тогда top: auto;
Обсуждают сегодня