mirror of
				https://github.com/adityatelange/hugo-PaperMod.git
				synced 2025-11-04 02:12:49 +01:00 
			
		
		
		
	- because of var(--gap) decrease - calc 10px less for mobile padding (24px - 14px = 10px)
		
			
				
	
	
		
			59 lines
		
	
	
		
			1.1 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			59 lines
		
	
	
		
			1.1 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
@media screen and (max-width: 768px) {
 | 
						|
    /* theme-vars */
 | 
						|
    :root {
 | 
						|
        --gap: 14px;
 | 
						|
    }
 | 
						|
 | 
						|
    /* profile-mode */
 | 
						|
    .profile img {
 | 
						|
        transform: scale(0.85);
 | 
						|
    }
 | 
						|
 | 
						|
    /* post-entry */
 | 
						|
    .first-entry {
 | 
						|
        min-height: 260px;
 | 
						|
    }
 | 
						|
 | 
						|
    /* archive */
 | 
						|
    .archive-month {
 | 
						|
        flex-direction: column;
 | 
						|
    }
 | 
						|
 | 
						|
    .archive-year {
 | 
						|
        margin-top: 20px;
 | 
						|
    }
 | 
						|
 | 
						|
    /* footer */
 | 
						|
    .footer {
 | 
						|
        padding: calc((var(--footer-height) - var(--gap) - 10px) / 2) var(--gap);
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
@media screen and (min-width: 768px) {
 | 
						|
    /* reset */
 | 
						|
    ::-webkit-scrollbar {
 | 
						|
        width: 19px;
 | 
						|
        height: 11px;
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
/* footer */
 | 
						|
@media screen and (max-width: 900px) {
 | 
						|
    .list .top-link {
 | 
						|
        transform: translateY(-5rem);
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
@media (prefers-reduced-motion) {
 | 
						|
    /* terms; profile-mode; post-single; post-entry; post-entry; search; search */
 | 
						|
    .terms-tags a:active,
 | 
						|
    .button:active,
 | 
						|
    .share-buttons svg:active,
 | 
						|
    .post-entry:active,
 | 
						|
    .top-link,
 | 
						|
    #searchResults .focus,
 | 
						|
    #searchResults li:active {
 | 
						|
        transform: none;
 | 
						|
    }
 | 
						|
}
 |