github.com/daniellockard/packer@v0.7.6-0.20141210173435-5a9390934716/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  
   103  a {
   104    color: inherit;
   105    text-decoration: none;
   106  
   107    &:hover {
   108      color: inherit;
   109      text-decoration: none;
   110    }
   111  }
   112  
   113  dt {
   114    font-size: 18px;
   115  }
   116  
   117  dd {
   118    font-family: $serif;
   119    font-size: 17px;
   120    line-height: 1.5;
   121    letter-spacing: 1px;
   122    margin-bottom: 30px;
   123  }
   124  
   125  ul, ol {
   126    margin: 0;
   127    padding: 0;
   128    list-style-type: none;
   129  }
   130  
   131  em {
   132    font-style: italic;
   133  }
   134  
   135  strong {
   136    font-weight: bold;
   137  }
   138  
   139  small, .small {
   140    font-size: 13px;
   141  }
   142  
   143  hr {
   144    margin: ($baseline * 2) 0;
   145    border-color: $gray-mid;
   146    border-bottom: 0;
   147  }
   148  
   149  pre {
   150    background-color: $black;
   151    color: $white;
   152    margin: $baseline 0;
   153  }
   154  
   155  table {
   156    font-family: $mono;
   157    margin: ($baseline * 2) 0;
   158    color: $gray-dark;
   159  
   160    th {
   161      color: $black;
   162      font-weight: normal !important;
   163    }
   164  }
   165  
   166  ::selection {
   167    background: #ffff00; /* Safari */
   168    color: $black;
   169  }
   170  ::-moz-selection {
   171    background: #ffff00; /* Firefox */
   172    color: $black;
   173  }