github.com/aspring/packer@v0.8.1-0.20150629211158-9db281ac0f89/website/source/assets/stylesheets/_styles.scss (about)

     1  * {
     2    margin: 0;
     3  }
     4  
     5  html,
     6  body {
     7    margin: 0;
     8    height: 100%;
     9  }
    10  
    11  html {
    12    -webkit-tap-highlight-color: transparent;
    13    -webkit-font-smoothing: antialiased;
    14  }
    15  
    16  body {
    17    background-color: $background;
    18    font-family: $sans;
    19    letter-spacing: 1px;
    20    font-size: $base-font-size;
    21    line-height: $base-line-height;
    22  }
    23  
    24  h1, h2, h3, h4, h5, h6 {
    25    letter-spacing: 2px;
    26    font-weight: normal;
    27  }
    28  
    29  h1 {
    30    font-family: $sans;
    31    font-size: 70px;
    32    line-height: (80/70);
    33    @include respond-to(mobile) {
    34      font-size: 50px;
    35      line-height: (50/45);
    36    }
    37  }
    38  
    39  h2 {
    40    font-family: $sans;
    41    font-size: 40px;
    42    line-height: (50/40);
    43  
    44    &.has-dividers {
    45      //overflow: auto !important;
    46      display: table-cell;
    47      text-align: center;
    48      vertical-align: middle;
    49      @include respond-to(mobile) {
    50        display: block;
    51      }
    52    }
    53  }
    54  
    55  h3 {
    56    font-family: $sans;
    57    font-size: 20px;
    58    line-height: (30/20);
    59  }
    60  
    61  h4 {
    62    font-family: $mono;
    63    font-size: 20px;
    64    line-height: (30/20);
    65  }
    66  
    67  h5 {
    68    font-family: $sans;
    69    font-size: 16px;
    70    line-height: (22/16);
    71  }
    72  
    73  h6 {
    74    font-family: $mono;
    75    font-size: 16px;
    76    line-height: (22/16);
    77  }
    78  
    79  p {
    80    font-family: $serif;
    81    font-size: 17px;
    82    line-height: (30/17);
    83    letter-spacing: 1px;
    84  
    85    &.large-text {
    86      font-size: 20px;
    87      line-height: (35/20);
    88    }
    89  
    90    a {
    91      color: $green;
    92  
    93      &:hover {
    94        color: darken($green, 30%);
    95      }
    96  
    97      &:active {
    98        color: darken($green, 50%);
    99      }
   100    }
   101  
   102    img {
   103      width: 100%;
   104    }
   105  }
   106  
   107  a {
   108    color: inherit;
   109    text-decoration: none;
   110  
   111    &:hover {
   112      color: inherit;
   113      text-decoration: none;
   114    }
   115  }
   116  
   117  dt {
   118    font-size: 18px;
   119  }
   120  
   121  dd {
   122    font-family: $serif;
   123    font-size: 17px;
   124    line-height: 1.5;
   125    letter-spacing: 1px;
   126    margin-bottom: 30px;
   127  }
   128  
   129  ul, ol {
   130    margin: 0;
   131    padding: 0;
   132    list-style-type: none;
   133  }
   134  
   135  em {
   136    font-style: italic;
   137  }
   138  
   139  strong {
   140    font-weight: bold;
   141  }
   142  
   143  small, .small {
   144    font-size: 13px;
   145  }
   146  
   147  hr {
   148    margin: ($baseline * 2) 0;
   149    border-color: $gray-mid;
   150    border-bottom: 0;
   151  }
   152  
   153  pre {
   154    background-color: $black;
   155    color: $white;
   156    margin: $baseline 0;
   157  }
   158  
   159  table {
   160    font-family: $mono;
   161    margin: ($baseline * 2) 0;
   162    color: $gray-dark;
   163  
   164    th {
   165      color: $black;
   166      font-weight: normal !important;
   167    }
   168  }
   169  
   170  ::selection {
   171    background: #ffff00; /* Safari */
   172    color: $black;
   173  }
   174  ::-moz-selection {
   175    background: #ffff00; /* Firefox */
   176    color: $black;
   177  }