Clean up page summary and update styles
This commit is contained in:
		
							parent
							
								
									234acb08b8
								
							
						
					
					
						commit
						0cfc91d26e
					
				
					 2 changed files with 32 additions and 18 deletions
				
			
		| 
						 | 
				
			
			@ -3,7 +3,9 @@
 | 
			
		|||
 **************************/
 | 
			
		||||
 | 
			
		||||
.page-summary {
 | 
			
		||||
  &:not(:first-child) {
 | 
			
		||||
  grid-column: main-start / main-end;
 | 
			
		||||
 | 
			
		||||
  p + & {
 | 
			
		||||
    margin-block-start: var(--space-xl);
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -12,23 +14,38 @@
 | 
			
		|||
  }
 | 
			
		||||
 | 
			
		||||
  .page-summary__date {
 | 
			
		||||
    font-weight: normal;
 | 
			
		||||
    color: var(--text-color-secondary);
 | 
			
		||||
    display: block;
 | 
			
		||||
    font-size: var(--text-s);
 | 
			
		||||
    line-height: 1;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .page-summary__title {
 | 
			
		||||
    font-size: var(--text-l);
 | 
			
		||||
    line-height: 1;
 | 
			
		||||
    margin-block: 0;
 | 
			
		||||
 | 
			
		||||
    a {
 | 
			
		||||
      color: var(--text-color-body);
 | 
			
		||||
 | 
			
		||||
      &:hover {
 | 
			
		||||
        color: var(--text-color-link);
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .page-summary__subtitle {
 | 
			
		||||
    color: var(--text-color-secondary);
 | 
			
		||||
    font-family: var(--font-family-heading);
 | 
			
		||||
    font-weight: normal;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .page-summary__content {
 | 
			
		||||
    margin-block-end: var(--space-m);
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  :is(.page-summary__title, .page-summary__subtitle, .page-summary__date):last-child {
 | 
			
		||||
  :is(
 | 
			
		||||
    .page-summary__heading,
 | 
			
		||||
    .page-summary__subtitle,
 | 
			
		||||
    .page-summary__content,
 | 
			
		||||
    .page-summary__date
 | 
			
		||||
  ):not(:last-child) {
 | 
			
		||||
    margin-block-end: var(--space-xs);
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue