[Summary view] [Print] [Text view]

   1  /* =============================================
   2  =            Generic styling                  =
   3  ============================================= */
   4  
   5  $global-guttering: 24px;
   6  $global-font-size-h1: 32px;
   7  $global-font-size-h2: 24px;
   8  $global-font-size-h3: 20px;
   9  $global-font-size-h4: 18px;
  10  $global-font-size-h5: 16px;
  11  $global-font-size-h6: 14px;
  12  
  13  * {
  14    -webkit-font-smoothing: antialiased;
  15    -moz-osx-font-smoothing: grayscale;
  16  }
  17  
  18  *,
  19  *::before,
  20  *::after {
  21    box-sizing: border-box;
  22  }
  23  
  24  html,
  25  body {
  26    position: relative;
  27    margin: 0;
  28    width: 100%;
  29    height: 100%;
  30  }
  31  
  32  body {
  33    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  34    font-size: 16px;
  35    line-height: 1.4;
  36    color: #fff;
  37    background-color: #333;
  38    overflow-x: hidden;
  39  }
  40  
  41  label {
  42    display: block;
  43    margin-bottom: 8px;
  44    font-size: 14px;
  45    font-weight: 500;
  46    cursor: pointer;
  47  }
  48  
  49  p {
  50    margin-top: 0;
  51    margin-bottom: 8px;
  52  }
  53  
  54  hr {
  55    display: block;
  56    margin: $global-guttering * 1.25 0;
  57    border: 0;
  58    border-bottom: 1px solid #eaeaea;
  59    height: 1px;
  60  }
  61  
  62  h1,
  63  h2,
  64  h3,
  65  h4,
  66  h5,
  67  h6 {
  68    margin-top: 0;
  69    margin-bottom: $global-guttering * 0.5;
  70    font-weight: 400;
  71    line-height: 1.2;
  72  }
  73  
  74  a,
  75  a:visited,
  76  a:focus {
  77    color: #fff;
  78    text-decoration: none;
  79    font-weight: 600;
  80  }
  81  
  82  .form-control {
  83    display: block;
  84    width: 100%;
  85    background-color: #f9f9f9;
  86    padding: 12px;
  87    border: 1px solid #ddd;
  88    border-radius: 2.5px;
  89    font-size: 14px;
  90    appearance: none;
  91    margin-bottom: $global-guttering;
  92  }
  93  
  94  h1,
  95  .h1 {
  96    font-size: $global-font-size-h1;
  97  }
  98  
  99  h2,
 100  .h2 {
 101    font-size: $global-font-size-h2;
 102  }
 103  
 104  h3,
 105  .h3 {
 106    font-size: $global-font-size-h3;
 107  }
 108  
 109  h4,
 110  .h4 {
 111    font-size: $global-font-size-h4;
 112  }
 113  
 114  h5,
 115  .h5 {
 116    font-size: $global-font-size-h5;
 117  }
 118  
 119  h6,
 120  .h6 {
 121    font-size: $global-font-size-h6;
 122  }
 123  
 124  label + p {
 125    margin-top: -4px;
 126  }
 127  
 128  .container {
 129    display: block;
 130    margin: auto;
 131    max-width: 40em;
 132    padding: $global-guttering * 2;
 133  
 134    @media (max-width: 620px) {
 135      padding: 0;
 136    }
 137  }
 138  
 139  .section {
 140    background-color: #fff;
 141    padding: $global-guttering;
 142    color: #333;
 143  
 144    a,
 145    a:visited,
 146    a:focus {
 147      color: #00bcd4;
 148    }
 149  }
 150  
 151  .logo {
 152    display: block;
 153    margin-bottom: $global-guttering * 0.5;
 154  }
 155  
 156  .logo-img {
 157    width: 100%;
 158    height: auto;
 159    display: inline-block;
 160    max-width: 100%;
 161    vertical-align: top;
 162    padding: $global-guttering * 0.25 0;
 163  }
 164  
 165  .visible-ie {
 166    display: none;
 167  }
 168  
 169  .push-bottom {
 170    margin-bottom: $global-guttering;
 171  }
 172  
 173  .zero-bottom {
 174    margin-bottom: 0;
 175  }
 176  
 177  .zero-top {
 178    margin-top: 0;
 179  }
 180  
 181  .text-center {
 182    text-align: center;
 183  }
 184  
 185  [data-test-hook] {
 186    margin-bottom: $global-guttering;
 187  }
 188  
 189  /* =====  End of Section comment block  ====== */