Clean up the development CSS styles a little bit
This commit is contained in:
		
							parent
							
								
									55f0526f6e
								
							
						
					
					
						commit
						8d0048bd25
					
				
					 1 changed files with 10 additions and 6 deletions
				
			
		| 
						 | 
				
			
			@ -3,6 +3,10 @@
 | 
			
		|||
 * Eryn Wells <eryn@erynwells.me>
 | 
			
		||||
 */
 | 
			
		||||
 | 
			
		||||
details:has(.photo-params.debug) {
 | 
			
		||||
    margin-block-end: var(--body-item-spacing);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.draft {
 | 
			
		||||
    color: red;
 | 
			
		||||
    display: inline-block;
 | 
			
		||||
| 
						 | 
				
			
			@ -24,7 +28,6 @@
 | 
			
		|||
#debug-page-info {
 | 
			
		||||
    background-color: var(--background-color);
 | 
			
		||||
    border: 1px solid var(--separator-color);
 | 
			
		||||
    border-collapse: collapse;
 | 
			
		||||
    border-radius: 6px;
 | 
			
		||||
    box-shadow: 4px 5px 5px var(--box-shadow-color);
 | 
			
		||||
    font-size: 1.75rem;
 | 
			
		||||
| 
						 | 
				
			
			@ -35,26 +38,27 @@
 | 
			
		|||
    width: max-content;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#debug-page-info details {
 | 
			
		||||
#debug-page-info > details {
 | 
			
		||||
    margin: 0.5rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#debug-page-info summary {
 | 
			
		||||
#debug-page-info > summary {
 | 
			
		||||
    font-family: var(--font-family-heading);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#debug-page-info table {
 | 
			
		||||
#debug-page-info > details > table {
 | 
			
		||||
    border-collapse: collapse;
 | 
			
		||||
    display: block;
 | 
			
		||||
    margin-block-start: 0.5em;
 | 
			
		||||
    margin-inline-start: 1em;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#debug-page-info td {
 | 
			
		||||
#debug-page-info > details > table > tbody > tr > td {
 | 
			
		||||
    border: 1px solid rgb(var(--dk-gray));
 | 
			
		||||
    padding: 0.3em;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#debug-page-info tr:nth-child(even) {
 | 
			
		||||
#debug-page-info > details > table > tbody > tr:nth-child(even) {
 | 
			
		||||
    background-color: var(--separator-color);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue