Move the site-header styles to site_header.css
This commit is contained in:
		
							parent
							
								
									a8fd6e550f
								
							
						
					
					
						commit
						d6537af00c
					
				
					 2 changed files with 30 additions and 33 deletions
				
			
		| 
						 | 
				
			
			@ -79,39 +79,6 @@ img {
 | 
			
		|||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
.site-header {
 | 
			
		||||
  border-bottom: 3px solid var(--gray6);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.site-header__container {
 | 
			
		||||
  align-items: baseline;
 | 
			
		||||
  display: flex;
 | 
			
		||||
 | 
			
		||||
  .site-header__nav {
 | 
			
		||||
    ul {
 | 
			
		||||
      display: flex;
 | 
			
		||||
      list-style: none;
 | 
			
		||||
 | 
			
		||||
      li {
 | 
			
		||||
        margin: 0;
 | 
			
		||||
        padding: 0;
 | 
			
		||||
      }
 | 
			
		||||
 | 
			
		||||
      li:not(:last-child)::after {
 | 
			
		||||
        content: "•";
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.site-header__container,
 | 
			
		||||
.site-footer__container {
 | 
			
		||||
  margin-inline: auto;
 | 
			
		||||
  max-width: var(--content-width);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
.content-term-list {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  list-style: none;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -2,14 +2,44 @@
 | 
			
		|||
 # COMPONENT: SITE HEADER
 | 
			
		||||
 *************************/
 | 
			
		||||
 | 
			
		||||
.site-header {
 | 
			
		||||
  border-bottom: 3px solid var(--gray6);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.site-header__container {
 | 
			
		||||
  align-items: baseline;
 | 
			
		||||
  display: flex;
 | 
			
		||||
  gap: var(--space-l);
 | 
			
		||||
 | 
			
		||||
  .site-header__title {
 | 
			
		||||
    font-family: var(--font-family-heading);
 | 
			
		||||
    font-size: var(--text-l);
 | 
			
		||||
    font-weight: 600;
 | 
			
		||||
    letter-spacing: 0.05em;
 | 
			
		||||
 | 
			
		||||
    a:hover {
 | 
			
		||||
      text-decoration: none;
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .site-header__nav {
 | 
			
		||||
    font-size: smaller;
 | 
			
		||||
    font-weight: normal;
 | 
			
		||||
 | 
			
		||||
    ul {
 | 
			
		||||
      display: flex;
 | 
			
		||||
      list-style: none;
 | 
			
		||||
      padding-inline: 0;
 | 
			
		||||
 | 
			
		||||
      li {
 | 
			
		||||
        margin: 0;
 | 
			
		||||
        padding: 0;
 | 
			
		||||
      }
 | 
			
		||||
 | 
			
		||||
      li:not(:last-child)::after {
 | 
			
		||||
        content: "•";
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue