Style Guide

Title Element 

<div class="titleElement-wrap bg-white">
    <div class="container">
        <div class="title-warp">
            <h2 class="main-title"> Title Here...</h2>
        </div>
    </div>
</div>
 
<div class="titleElement-wrap {{ bgGrey ? 'bg-grey' : 'bg-white' }}">
  <div class="container">
    <div class="title-warp">
      <h2 class="main-title"> {{title}}</h2>
    </div>
  </div>
</div>
 
{
  "title": "Title Here...",
  "bgGrey": false
}
  • Content: 
    .titleElement-wrap {
  padding: 40px 0;
  @include media-breakpoint-down(lg) {
    padding: 20px 0;
  }
  .container {
    max-width: 1060px;
    padding: 0 15px;
  }
  .title-warp {
    .main-title {
      font-size: 60px;
      font-family: "PlayfairDisplay-Bold";
      color: #120f29;
      margin-bottom: 0;
      @include media-breakpoint-down(lg) {
        font-size: 40px;
      }
    }
  }
}
  • URL: /components/raw/title_element/title_element.scss
  • Filesystem Path: components/03-components/title_element/title_element.scss
  • Size: 401 Bytes
  • Handle: @title_element
  • Preview:
  • Filesystem Path: components/03-components/title_element/title_element.twig

There are no notes for this item.