Site Name

Site Name

Component Preview
<h1 class="site-name">
		    Brand Manual
		</h1>
  • Content:
    .site-name {
      display: flex;
      align-items: center;
      margin: 0 auto 0 0;
      text-align: left;
      font-size: 1.8rem;
      font-weight: 300;
      line-height: 1;
      font-family: "Roboto", sans-serif; }
      .site-name a {
        color: #151515;
        text-decoration: none; }
      @media (min-width: 855px) {
        .site-name {
          flex-basis: content;
          margin: 1px 0 0 0;
          font-size: 2rem; } }
      @media (min-width: 84.375em) {
        .site-name {
          margin: 5px 0 0 0;
          text-align: left;
          font-size: 2.2rem; } }
      @media (min-width: 855px) {
        .search-is-open .header--secondary .site-name {
          display: none; } }
    
  • URL: /components/raw/site-name/site-name.css
  • Filesystem Path: src/components/branding/site-name/site-name.css
  • Size: 620 Bytes
  • Content:
    @import '../../../assets/scss/variables';
    @import '../../../assets/scss/utilities';
    
    .site-name {
      display: flex;
      align-items: center;
      margin: 0 auto 0 0;
      text-align: left;
      font-size: 1.8rem;
      font-weight: 300;
      line-height: 1;
      font-family: $font-family-sans-serif;
    
      a {
        color: $secondary;
        text-decoration: none;
      }
    
      @include breakpoint(menu) {
        flex-basis: content;
        margin: 1px 0 0 0;
        font-size: 2rem;
      }
    
      @include breakpoint(container) {
        margin: 5px 0 0 0;
        text-align: left;
        font-size: 2.2rem;
      }
    
      // @todo Move this to search or search-toggle.
      // @todo Rewrite this to reference .iowa-bar instead
      .header--secondary & {
        .search-is-open & {
          @include breakpoint(menu) {
            display: none;
          }
        }
      }
    }
    
    
  • URL: /components/raw/site-name/site-name.scss
  • Filesystem Path: src/components/branding/site-name/site-name.scss
  • Size: 784 Bytes