github.com/outbrain/consul@v1.4.5/website/source/assets/stylesheets/consul-connect/components/_section.scss (about)

     1  .g-section {
     2    overflow: hidden;
     3    padding: 56px 0;
     4    
     5    @media (min-width: 768px) {
     6      padding: 96px 0;
     7    }
     8  
     9    @media (min-width: 992px) {
    10      padding: 120px 0;
    11    }
    12  
    13    &.bg-light {
    14      background: #f7f8fa !important; //TODO - !important is to override the `#page-home section` #fff background;
    15    }
    16  
    17    &.bg-dark {
    18      background: #252937 !important; //TODO - !important is to override the `#page-home section` #fff background;
    19      color: #fff;
    20    }
    21  
    22    &.border-top {
    23      border-top: 1px solid #e5e6eb;
    24    }
    25  
    26    & .intro { 
    27      margin: 0 auto 24px;
    28      max-width: 784px;
    29      padding: 0 16px; 
    30      text-align: center;
    31  
    32      @media (min-width: 767px) {
    33        margin-bottom: 64px;
    34      }
    35  
    36      & h2,
    37      & h3 {
    38        margin: 0 0 24px;
    39      }
    40    }
    41  }