github.com/SagerNet/gvisor@v0.0.0-20210707092255-7731c139d75c/website/_sass/style.scss (about)

     1  $primary: #262362;
     2  $secondary: #fff;
     3  $link-color: #286fd7;
     4  $inverse-link-color: #fff;
     5  
     6  $link-hover-color: darken($link-color, 10%);
     7  $inverse-link-hover-color: darken($inverse-link-color, 10%);
     8  
     9  $text-color: #444;
    10  
    11  $body-font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    12  $code-font-family: 'Source Code Pro', monospace;
    13  
    14  html {
    15    position: relative;
    16    min-height: 100%;
    17  }
    18  
    19  body {
    20    color: $text-color;
    21    font-family: $body-font-family;
    22    padding-top: 40px;
    23  }
    24  
    25  a {
    26    color: $link-color;
    27  
    28    &:hover,
    29    &:focus {
    30      color: $link-hover-color;
    31      text-decoration: none;
    32    }
    33  
    34    code {
    35      color: $link-color;
    36    }
    37  }
    38  
    39  h1,
    40  h2,
    41  h3,
    42  h4,
    43  h5,
    44  h6 {
    45    color: $text-color;
    46    font-weight: 400;
    47  }
    48  
    49  h1 code,
    50  h2 code,
    51  h3 code,
    52  h4 code,
    53  h5 code,
    54  h6 code {
    55    color: $text-color;
    56    background: transparent;
    57  }
    58  
    59  h1 {
    60    font-size: 30px;
    61    margin-top: 40px;
    62    margin-bottom: 40px;
    63  }
    64  
    65  h2 {
    66    font-size: 24px;
    67    margin-top: 30px;
    68    margin-bottom: 30px;
    69  
    70    code {
    71      font-size: 24px;
    72    }
    73  }
    74  
    75  h3 {
    76    font-size: 20px;
    77    margin-top: 24px;
    78    margin-bottom: 24px;
    79  
    80    code {
    81      font-size: 20px;
    82    }
    83  }
    84  
    85  h4 {
    86    font-size: 18px;
    87    margin-top: 20px;
    88    margin-bottom: 20px;
    89  
    90    code {
    91      font-size: 18px;
    92    }
    93  }
    94  
    95  p,
    96  li {
    97    font-size: 14px;
    98    line-height: 22px;
    99  }
   100  
   101  code {
   102    font-family: $code-font-family;
   103    font-size: 13px;
   104  }
   105  
   106  .btn {
   107    color: $text-color;
   108    background-color: $inverse-link-color;
   109  }
   110  
   111  .btn-inverse {
   112    color: $text-color;
   113    background-color: #fff;
   114  }
   115  
   116  .well {
   117    box-shadow: none;
   118  }
   119  
   120  table {
   121    width: 100%;
   122  }
   123  
   124  table td,
   125  table th {
   126    border: 1px solid #ddd;
   127    padding: 8px;
   128  }
   129  
   130  table tr:nth-child(even) {
   131    background-color: #eee;
   132  }
   133  
   134  table th {
   135    padding-top: 12px;
   136    padding-bottom: 12px;
   137    background-color: $primary;
   138    color: $secondary;
   139  }
   140  
   141  .blog-meta {
   142    margin-top: 10px;
   143    margin-bottom: 20px;
   144  }
   145  
   146  .docs-content * img {
   147    display: block;
   148    margin: 20px auto;
   149  }
   150  
   151  .blog-content * img {
   152    display: block;
   153    margin: 20px auto;
   154  }