Style fixes for Definition Lists
This commit is contained in:
		
							parent
							
								
									5973cd882b
								
							
						
					
					
						commit
						d1688c14b5
					
				
					 2 changed files with 16 additions and 4 deletions
				
			
		| 
						 | 
				
			
			@ -301,12 +301,21 @@
 | 
			
		|||
  main ul,
 | 
			
		||||
  main ol,
 | 
			
		||||
  main dl,
 | 
			
		||||
  main :is(ul, ol) > li,
 | 
			
		||||
  main dl > dt {
 | 
			
		||||
  main :is(ul, ol) > li {
 | 
			
		||||
    margin-inline-start: var(--body-item-spacing);
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  main :is(ul, ol) > li:not(:last-child) {
 | 
			
		||||
  main dl {
 | 
			
		||||
    margin: 0;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  main dd {
 | 
			
		||||
    line-height: var(--line-height);
 | 
			
		||||
    margin-inline-start: calc(2 * var(--body-item-spacing));
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  main :is(ul, ol) > li:not(:last-child),
 | 
			
		||||
  main dd:has(+ dt) {
 | 
			
		||||
    margin-block-end: calc(var(--body-item-spacing) / 2);
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -53,6 +53,10 @@
 | 
			
		|||
        font-family: var(--font-family-monospace);
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    dt {
 | 
			
		||||
        font-weight: bold;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    figcaption {
 | 
			
		||||
        font-size: 80%;
 | 
			
		||||
        line-height: var(--line-height);
 | 
			
		||||
| 
						 | 
				
			
			@ -105,7 +109,6 @@
 | 
			
		|||
 | 
			
		||||
    h1.gradient > a { color: inherit; }
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
    header.site h1.site {
 | 
			
		||||
        font-size: var(--site-header-font-size);
 | 
			
		||||
        line-height: var(--site-heading-line-height);
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue