cinnamon: Add hover and active styles to window close button

roundabout,
created on Saturday, 6 March 2021, 23:35:02 (1615073702), received on Sunday, 11 May 2025, 13:22:58 (1746969778)
Author identity: nana-4 <hnmaigo@gmail.com>

                                
                                
                                
                            
                                
                                    
                                        1 -
                                        <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        2 -
                                          <circle cx="18" cy="18" r="18" fill="#d93025"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        3 -
                                          <circle cx="18" cy="18" r="18" fill="#ffffff" fill-opacity="0"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        4 -
                                          <path d="M23 14.41L21.59 13 18 16.59 14.41 13 13 14.41 16.59 18 13 21.59 14.41 23 18 19.41 21.59 23 23 21.59 19.41 18z" fill="#ffffff"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        5 -
                                        </svg>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                            
                                

                                
                                
                                
                            
                                
                                    
                                        1 +
                                        <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        2 +
                                          <circle cx="18" cy="18" r="18" fill="#d93025"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        3 +
                                          <circle cx="18" cy="18" r="18" fill="#ffffff" fill-opacity=".08"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        4 +
                                          <circle cx="18" cy="18" r="18" fill="#ffffff" fill-opacity=".16"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        5 +
                                          <path d="M23 14.41L21.59 13 18 16.59 14.41 13 13 14.41 16.59 18 13 21.59 14.41 23 18 19.41 21.59 23 23 21.59 19.41 18z" fill="#ffffff"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        6 +
                                        </svg>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                            
                                

                                
                                
                                
                            
                                
                                    
                                        1 +
                                        <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        2 +
                                          <circle cx="18" cy="18" r="18" fill="#d93025"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        3 +
                                          <circle cx="18" cy="18" r="18" fill="#ffffff" fill-opacity=".08"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        4 +
                                          <circle cx="18" cy="18" r="18" fill="#ffffff" fill-opacity="0"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        5 +
                                          <path d="M23 14.41L21.59 13 18 16.59 14.41 13 13 14.41 16.59 18 13 21.59 14.41 23 18 19.41 21.59 23 23 21.59 19.41 18z" fill="#ffffff"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        6 +
                                        </svg>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                            
                                

                                
                                
                                
                            
                                
                                    
                                        1 +
                                        <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        2 +
                                          <circle cx="18" cy="18" r="18" fill="#d93025"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        3 +
                                          <circle cx="18" cy="18" r="18" fill="#ffffff" fill-opacity="0"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        4 +
                                          <circle cx="18" cy="18" r="18" fill="#ffffff" fill-opacity="0"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        5 +
                                          <path d="M23 14.41L21.59 13 18 16.59 14.41 13 13 14.41 16.59 18 13 21.59 14.41 23 18 19.41 21.59 23 23 21.59 19.41 18z" fill="#ffffff"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        6 +
                                        </svg>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                            
                                

                                
                                
                                
                            
                                
                                    
                                        
                                            518  
                                              }
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            519  
                                            }
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            520  
                                            .workspace-close-button, .window-close {
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        521 -
                                          background-image: url(assets/close-window.svg);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        521 +
                                          background-image: url(assets/window-close.svg);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            522  
                                              height: 32px;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            523  
                                              width: 32px;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            524  
                                              -cinnamon-close-overlap: 20px;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        525 +
                                          &:hover {
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        526 +
                                            background-image: url(assets/window-close-hover.svg);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        527 +
                                          }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        528 +
                                          &:active {
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        529 +
                                            background-image: url(assets/window-close-active.svg);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        530 +
                                          }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            531  
                                              &:rtl {
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            532  
                                                -st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5);
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            533  
                                              }