github.com/golazy/golazy@v0.0.7-0.20221012133820-968fe65a0b65/lazyview/document/lazylayout/style.css (about)

     1  :root {
     2      --blue: #375EAB;
     3      --blue-bg: #E0EBF5;
     4      --green: #468847;
     5      
     6  }
     7  * {
     8      box-sizing: border-box;
     9      color: #333;
    10      margin: 0;
    11      padding: 0;
    12  }
    13  
    14  ul {
    15      list-style-position: inside;
    16  }
    17  
    18  h1,h2,h3,h4,h5,h6 {
    19      margin-top: 20px;
    20      margin-bottom: 10px;
    21      font-weight: 500;
    22      line-height: 1.1;
    23  }
    24  
    25  html {
    26      scroll-behaviour: smooth;
    27      font-size: 14px;
    28  }
    29  body, * {
    30      font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    31  }
    32  
    33  
    34  header {
    35      background: var(--blue-bg);
    36      padding: 40px 0;
    37      margin-bottom: 10px;
    38  }
    39  header h1 {
    40      color: var(--blue);
    41      font-size: 48;
    42      font-weight: 600;
    43      text-align: center;
    44  }
    45  
    46  a {
    47      color: var(--blue);
    48      text-decoration: none;
    49  }
    50  
    51  a.button {
    52      font-weight: 900;
    53      padding: 10px 20px;
    54      display: inline-block;
    55      border-radius: 3px;
    56  }
    57  
    58  a.red {
    59      background: var(--blue);
    60      color: white;
    61  }
    62  a.blue {
    63      background: var(--green);
    64      color: white;
    65  }
    66  
    67  main {
    68      max-width: 750px;
    69      margin: 0 auto;
    70  }
    71  
    72  main h1 {
    73      font-weight: 500;
    74  }
    75  
    76  main p {
    77      margin-bottom: 10px;
    78  }
    79  
    80  nav {
    81      max-width: 750px;
    82      margin: 0 auto;
    83      background: #eee;
    84      border-radius: 3px;
    85      padding: 10px;
    86      text-align: right;
    87  }
    88  
    89  nav ul {
    90      list-style: none;
    91  }
    92  
    93  nav ul li {
    94      display: inline-block;
    95      margin-left: 5px;
    96  }
    97  nav ul li::before {
    98      content: "|"
    99  }