mirror of
				https://github.com/welpo/tabi.git
				synced 2025-11-04 01:50:24 +01:00 
			
		
		
		
	
		
			
				
	
	
		
			75 lines
		
	
	
	
		
			1 KiB
		
	
	
	
		
			SCSS
		
	
	
	
	
	
			
		
		
	
	
			75 lines
		
	
	
	
		
			1 KiB
		
	
	
	
		
			SCSS
		
	
	
	
	
	
footer {
 | 
						|
    margin-top: auto;
 | 
						|
    margin-bottom: 1.4rem;
 | 
						|
    font-family: var(--post-font-family);
 | 
						|
}
 | 
						|
 | 
						|
footer section {
 | 
						|
    display: flex;
 | 
						|
    flex-direction: column;
 | 
						|
    align-items: center;
 | 
						|
    gap: 0rem;
 | 
						|
}
 | 
						|
 | 
						|
footer nav {
 | 
						|
    display: flex;
 | 
						|
    margin: 0 0rem;
 | 
						|
}
 | 
						|
 | 
						|
.socials {
 | 
						|
    justify-content: center;
 | 
						|
    flex-grow: 0;
 | 
						|
    display: flex;
 | 
						|
    flex-wrap: wrap;
 | 
						|
    align-items: flex-end;
 | 
						|
 | 
						|
    svg {
 | 
						|
        max-height: 15px;
 | 
						|
    }
 | 
						|
 | 
						|
    ul {
 | 
						|
        gap: 5px;
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
.social {
 | 
						|
    background-image: unset;
 | 
						|
    padding: 0.5vmin;
 | 
						|
    display: flex;
 | 
						|
    justify-content: center;
 | 
						|
    align-items: center;
 | 
						|
}
 | 
						|
 | 
						|
.social > img {
 | 
						|
    color: #000000;
 | 
						|
    aspect-ratio: 1/1;
 | 
						|
    width: 1.5rem;
 | 
						|
    height: auto;
 | 
						|
}
 | 
						|
 | 
						|
.social {
 | 
						|
    &:hover {
 | 
						|
        & > img {
 | 
						|
            filter: invert(1);
 | 
						|
        }
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
[data-theme="dark"] {
 | 
						|
    .social {
 | 
						|
        &:hover {
 | 
						|
            & > img {
 | 
						|
                filter: invert(0);
 | 
						|
            }
 | 
						|
        }
 | 
						|
 | 
						|
        & > img {
 | 
						|
            filter: invert(1);
 | 
						|
        }
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
.credits {
 | 
						|
    font-size: 0.88rem;
 | 
						|
    color: var(--meta-color);
 | 
						|
}
 |