github.com/darmach/terratest@v0.34.8-0.20210517103231-80931f95e3ff/docs/assets/css/subpage.scss (about)

     1  .subpage {
     2    .subpage-top-spacing.main.subpage__main {
     3      padding-top: 120px;
     4    }
     5  
     6    .subpage__header {
     7      background: $primary-gradient-start-color;
     8      background: -webkit-linear-gradient(-45deg, $primary-gradient-start-color, $primary-gradient-stop-color);
     9      background: linear-gradient(135deg, $primary-gradient-start-color, $primary-gradient-stop-color);
    10      position: relative;
    11      margin-top: 0;
    12      padding-top: 30px;
    13      padding-bottom: 70px;
    14      z-index: 1;
    15  
    16      .subpage__hero {
    17        position: relative;
    18        z-index: 1;
    19        text-align: center;
    20  
    21        h1 {
    22          font-weight: bold;
    23          margin-bottom: 5px;
    24        }
    25  
    26        .subtitle {
    27          color: #fff;
    28          font-size: 22px;
    29        }
    30      }
    31  
    32      .header {
    33        z-index: 20;
    34        position: relative;
    35      }
    36  
    37      .overflow-hide {
    38        overflow: hidden;
    39        width: 100%;
    40        height: 100%;
    41        max-width: 100vw;
    42        position: relative;
    43      }
    44  
    45      .header-bg {
    46        position: absolute;
    47        width: 100%;
    48        height: 100%;
    49        left: 0;
    50        top: 0;
    51        z-index: 0;
    52        max-width: 100vw;
    53  
    54        .header-shapes-left {
    55          z-index: 0;
    56          position: absolute;
    57          top: 50%;
    58          margin-top: -63px;
    59          width: 400px;
    60          margin-left: 0;
    61          left: 0;
    62          transition: all 0.2s ease;
    63  
    64          @media all and (max-width: 410px) {
    65            max-width: 400px;
    66            width: 90%;
    67          }
    68        }
    69  
    70        .header-shapes-right {
    71          z-index: 0;
    72          position: absolute;
    73          right: 10%;
    74          width: 230px;
    75          bottom: -50px;
    76          transition: all 0.5s ease;
    77        }
    78      }
    79    }
    80  
    81    .main {
    82      padding-top: 15px;
    83      padding-bottom: 60px;
    84  
    85      &.subpage__main {
    86        padding: 30px 15px 120px;
    87        max-width: 800px;
    88        margin: auto;
    89      }
    90  
    91      h1, h2, h3, h4, h5, h6 {
    92        font-weight: bold;
    93        margin-bottom: 5px;
    94        margin-top: 50px;
    95      }
    96  
    97      h1 {
    98        font-size: 35px;
    99      }
   100  
   101      h2 {
   102        font-size: 32px;
   103      }
   104  
   105      h3 {
   106        font-size: 29px;
   107      }
   108  
   109      h4 {
   110        font-size: 23px;
   111      }
   112  
   113      h5 {
   114        font-size: 16px;
   115      }
   116  
   117      h6 {
   118        font-size: 13px;
   119      }
   120  
   121      ul {
   122        margin-top: 15px;
   123  
   124        li p {
   125          margin-bottom: 0px;
   126        }
   127      }
   128    }
   129  }
   130  
   131  @media all and (max-width: 768px) {
   132    .header-shapes-right {
   133      display: none;
   134    }
   135  }