github.com/phobos182/packer@v0.2.3-0.20130819023704-c84d2aeffc68/website/source/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,
    25  h2,
    26  h3,
    27  h4,
    28  h5,
    29  h6 {
    30      letter-spacing: 2px;
    31      font-weight: normal;
    32  }
    33  
    34  h1 {
    35      font-family: $sans;
    36      font-size: 70px;
    37      line-height: (80/70);
    38      @include respond-to(mobile) {
    39          font-size: 50px;
    40          line-height: (50/45);
    41      }
    42  }
    43  
    44  h2 {
    45      font-family: $sans;
    46      font-size: 40px;
    47      line-height: (50/40);
    48  
    49      &.has-dividers {
    50          //overflow: auto !important;
    51          display: table-cell;
    52          text-align: center;
    53          vertical-align: middle;
    54          @include respond-to(mobile) {
    55              display: block;
    56          }
    57      }
    58  }
    59  
    60  h3 {
    61      font-family: $sans;
    62      font-size: 20px;
    63      line-height: (30/20);
    64  }
    65  
    66  h4 {
    67      font-family: $mono;
    68      font-size: 20px;
    69      line-height: (30/20);
    70  }
    71  
    72  h5 {
    73      font-family: $sans;
    74      font-size: 16px;
    75      line-height: (22/16);
    76  }
    77  
    78  h6 {
    79      font-family: $mono;
    80      font-size: 16px;
    81      line-height: (22/16);
    82  }
    83  
    84  p {
    85      font-family: $serif;
    86      font-size: 17px;
    87      line-height: (30/17);
    88      letter-spacing: 1px;
    89  
    90      &.large-text {
    91          font-size: 20px;
    92          line-height: (35/20);
    93      }
    94  
    95      a {
    96          color: $green;
    97          &:hover {
    98              color: darken($green, 30%);
    99          }
   100          &:active {
   101              color: darken($green, 50%);
   102          }
   103      }
   104  }
   105  
   106  a {
   107      color: inherit;
   108      text-decoration: none;
   109  
   110      &:hover {
   111          color: inherit;
   112          text-decoration: none;
   113      }
   114  
   115      &:visited {
   116  
   117      }
   118  
   119      &:active {
   120  
   121      }
   122  
   123  }
   124  
   125  dt {
   126      font-size: 18px;
   127  }
   128  
   129  dd {
   130      font-family: $serif;
   131      font-size: 17px;
   132      line-height: 1.5;
   133      letter-spacing: 1px;
   134      margin-bottom: 30px;
   135  }
   136  
   137  ul,
   138  ol {
   139      margin: 0;
   140      padding: 0;
   141      list-style-type: none;
   142  }
   143  
   144  em {
   145      font-style: italic;
   146  }
   147  
   148  strong {
   149      font-weight: bold;
   150  }
   151  
   152  small,
   153  .small {
   154      font-size: 13px;
   155  }
   156  
   157  hr {
   158      margin: ($baseline * 2) 0;
   159      border-color: $gray-mid;
   160      border-bottom: 0;
   161  }
   162  
   163  pre {
   164      background-color: $black;
   165      color: $white;
   166      margin: $baseline 0;
   167  }
   168  
   169  table {
   170      font-family: $mono;
   171      margin: ($baseline * 2) 0;
   172      color: $gray-dark;
   173  
   174      th {
   175          color: $black;
   176          font-weight: normal !important;
   177      }
   178  }
   179  
   180  ::selection {
   181      background: #ffff00; /* Safari */
   182      color: $black;
   183  }
   184  ::-moz-selection {
   185      background: #ffff00; /* Firefox */
   186      color: $black;
   187  }
   188  
   189  input {
   190  
   191  }
   192  
   193  button {
   194      height: $button-height;
   195      background-color: transparent;
   196      border-width: 2px;
   197      border-style: solid;
   198      padding: 0 30px;
   199      text-transform: uppercase;
   200      letter-spacing: 3px;
   201      @include rounded(5px);
   202  
   203      &.spaced {
   204          margin-right: 20px;
   205      }
   206  
   207      &.primary {
   208          color: $green;
   209          border-color: $green;
   210  
   211          &:hover {
   212              background-color: transparentize($green, .7);
   213          }
   214  
   215          &:active {
   216              background-color: transparentize($green, .5);
   217          }
   218      }
   219  
   220      &.secondary {
   221          color: $black;
   222          border-color: $black;
   223  
   224          &:hover {
   225              background-color: transparentize($black, .9);
   226          }
   227  
   228          &:active {
   229              background-color: transparentize($black, .7);
   230          }
   231      }
   232  
   233      &.inline {
   234          margin: auto $baseline;
   235          @include respond-to(mobile) {
   236              display: block;
   237              width: 100%;
   238              margin: $baseline 0;
   239          }
   240      }
   241  }