refacotr(css): Refactor css for easy maintenance
1. Refactored CSS for robustness 2. Add dark-mode choose 3. Add sans and serif
This commit is contained in:
		
							
								
								
									
										30
									
								
								source/css/pages/layout/_footer.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										30
									
								
								source/css/pages/layout/_footer.scss
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,30 @@
 | 
			
		||||
// 页脚
 | 
			
		||||
@import "../../base/variables";
 | 
			
		||||
 | 
			
		||||
footer {
 | 
			
		||||
    padding: 2rem 0;
 | 
			
		||||
 | 
			
		||||
    .copyright {
 | 
			
		||||
        font-size: 0.8rem;
 | 
			
		||||
 | 
			
		||||
        a {
 | 
			
		||||
            margin: 0 0.125rem;
 | 
			
		||||
 | 
			
		||||
            // 浅色
 | 
			
		||||
            color: #bfbfbf;
 | 
			
		||||
            &:hover {
 | 
			
		||||
                color: #262626;
 | 
			
		||||
            }
 | 
			
		||||
 | 
			
		||||
            // 深色
 | 
			
		||||
            @include darkmode{
 | 
			
		||||
                color: #262626;
 | 
			
		||||
 | 
			
		||||
                &:hover {
 | 
			
		||||
                    color: #bfbfbf;
 | 
			
		||||
                }
 | 
			
		||||
            }
 | 
			
		||||
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
		Reference in New Issue
	
	Block a user