github.com/gobuffalo/buffalo-cli/v2@v2.0.0-alpha.15.0.20200919213536-a7350c8e6799/cli/internal/plugins/webpack/newapp/templates/assets/css/_buffalo.scss (about)

     1  .container {
     2    min-width: 320px;
     3  }
     4  
     5  header {
     6    background-color: #62a5ee;
     7    padding: 10px 20px;
     8    box-sizing: border-box;
     9  }
    10  
    11  .logo {
    12    img {
    13      width: 80px;
    14    }
    15  }
    16  
    17  .titles {
    18    h1 {
    19      font-size: 30px;
    20      font-weight: 300;
    21      color: white;
    22      margin-bottom: 13px;
    23      margin-top: 5px;
    24    }
    25  
    26    h2 {
    27      font-weight: 300;
    28      font-size: 18px;
    29      display: inline-block;
    30      margin: 0;
    31    }
    32  
    33    a {
    34      color: white;
    35      text-decoration: underline;
    36    }
    37  
    38    i {
    39      margin-right: 5px;
    40      text-decoration: none;
    41    }
    42  
    43    .documentation {
    44      margin-left: 28px;
    45    }
    46  }
    47  
    48  .subtitle {
    49    color: white;
    50    margin: 0;
    51    padding: 13px 0;
    52    background-color: #2a3543;
    53    margin-bottom: 20px;
    54  
    55    h3 {
    56      font-size: 22px;
    57      font-weight: 400;
    58      margin: 0;
    59    }
    60  }
    61  
    62  table {
    63    font-size: 14px;
    64  
    65    &.table tbody tr td {
    66      border-top: 0;
    67      padding: 10px;
    68    }
    69  }
    70  
    71  .foot {
    72    text-align: right;
    73    color: #c5c5c5;
    74    font-weight: 300;
    75  
    76    a {
    77      color: #8b8b8b;
    78      text-decoration: underline;
    79    }
    80  }
    81  
    82  .centered {
    83    text-align: center;
    84  }
    85  
    86  @media all and (max-width: 770px) {
    87    .titles {
    88      h1 {
    89        font-size: 25px;
    90        margin: 15px 0 5px 0;
    91      }
    92    }
    93  }
    94  
    95  @media all and (max-width: 640px) {
    96    .titles {
    97      h1 {
    98        font-size: 23px;
    99        margin: 15px 0 5px 0;
   100      }
   101  
   102      h2 {
   103        font-size: 15px;
   104      }
   105  
   106      .documentation {
   107        margin-left: 10px;
   108      }
   109    }
   110  }
   111  
   112  @media all and (max-width: 530px) {
   113    .titles {
   114      h1 {
   115        font-size: 20px;
   116        margin: 5px 0;
   117      }
   118  
   119      .documentation {
   120        margin-left: 0px;
   121        margin-top: 5px;
   122        display: block;
   123      }
   124    }
   125  
   126    .logo {
   127      padding: 0;
   128  
   129      img {
   130        width: 100%
   131      }
   132    }
   133  }