Move the figure styles to root.css
This commit is contained in:
		
							parent
							
								
									f1c56b0eb6
								
							
						
					
					
						commit
						5b1f9e7d08
					
				
					 2 changed files with 37 additions and 36 deletions
				
			
		| 
						 | 
				
			
			@ -51,42 +51,6 @@ blockquote {
 | 
			
		|||
    margin-inline-start: 2rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
figcaption h4 {
 | 
			
		||||
    margin-bottom: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
figure {
 | 
			
		||||
    border-radius: 0.5rem;
 | 
			
		||||
    display: inline-block;
 | 
			
		||||
    margin: 0;
 | 
			
		||||
    margin-block-start: 0;
 | 
			
		||||
    margin-block-end: 0;
 | 
			
		||||
    margin-inline-start: 0;
 | 
			
		||||
    margin-inline-end: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
figure a,
 | 
			
		||||
figure a:hover {
 | 
			
		||||
    border: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
figure img {
 | 
			
		||||
    border-radius: 0.5rem;
 | 
			
		||||
    height: auto;
 | 
			
		||||
    max-width: 100%;
 | 
			
		||||
    margin-bottom: -3px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
figure + p {
 | 
			
		||||
    margin-top: 1rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
figure .youtube {
 | 
			
		||||
    line-height: 1;
 | 
			
		||||
    overflow: hidden;
 | 
			
		||||
    width: var(--body-width);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
figure.bordered {
 | 
			
		||||
    padding: 0.5rem;
 | 
			
		||||
    border: 2px solid #eee;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -57,6 +57,43 @@ body {
 | 
			
		|||
    line-height: 1.2;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
figcaption {
 | 
			
		||||
    font-size: 75%;
 | 
			
		||||
    margin-block-start: 0.2em;
 | 
			
		||||
    text-align: center;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
figure {
 | 
			
		||||
    border-radius: 6px;
 | 
			
		||||
    display: inline-block;
 | 
			
		||||
    margin: 0;
 | 
			
		||||
    margin-block: 0;
 | 
			
		||||
    margin-inline: 0;
 | 
			
		||||
    overflow: hidden;
 | 
			
		||||
    max-width: var(--content-width);
 | 
			
		||||
    width: 100%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
figure a,
 | 
			
		||||
figure a:hover {
 | 
			
		||||
    border: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
figure img {
 | 
			
		||||
    border-radius: 6px;
 | 
			
		||||
    height: auto;
 | 
			
		||||
    max-width: var(--content-width);
 | 
			
		||||
    width: 100%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
figure .youtube {
 | 
			
		||||
    border-radius: 6px;
 | 
			
		||||
    line-height: 1;
 | 
			
		||||
    overflow: hidden;
 | 
			
		||||
    max-width: var(--content-width);
 | 
			
		||||
    width: 100%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
h1, h2, h3, h4, h5, h6 {
 | 
			
		||||
    font-family: var(--font-family-heading);
 | 
			
		||||
    margin: 0;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue