github.com/rahart/packer@v0.12.2-0.20161229105310-282bb6ad370f/website/source/assets/stylesheets/_styles.scss (about)

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