33 lines
		
	
	
		
			693 B
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			33 lines
		
	
	
		
			693 B
		
	
	
	
		
			CSS
		
	
	
	
	
	
/*
 | 
						|
    Status bar
 | 
						|
    Improves visual prominence of status bar, I don't want to hover in order to see what's on the status bar
 | 
						|
    https://github.com/replete/obsidian-minimal-theme-css-snippets
 | 
						|
*/
 | 
						|
 | 
						|
.status-bar {
 | 
						|
 | 
						|
	/* More visibility on dark theme */
 | 
						|
	.theme-dark & {
 | 
						|
		color:var(--nav-item-color) !important;
 | 
						|
	}
 | 
						|
 | 
						|
	/* Compact icons */
 | 
						|
	.clickable-icon {
 | 
						|
		padding-left:3px;
 | 
						|
		padding-right:3px;
 | 
						|
	}
 | 
						|
}
 | 
						|
 | 
						|
@container style(--status-bar-position: fixed) {
 | 
						|
	/* transparent minimal status bar */
 | 
						|
	/* .status-bar{
 | 
						|
		background:transparent !important;
 | 
						|
		transition: .2s all ease-in;
 | 
						|
 | 
						|
		&:hover {
 | 
						|
			background: var(--background-primary) !important;
 | 
						|
			box-shadow: 0 0 3px 3px rgba(0,0,0,.1);
 | 
						|
		}
 | 
						|
	} */
 | 
						|
}
 |