github.com/secoba/wails/v2@v2.6.4/pkg/templates/generate/plain/frontend/src/main.css (about)

     1  html {
     2      background-color: rgba(27, 38, 54, 1);
     3      text-align: center;
     4      color: white;
     5  }
     6  
     7  body {
     8      margin: 0;
     9      color: white;
    10      font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
    11      "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    12      sans-serif;
    13  }
    14  
    15  @font-face {
    16      font-family: "Nunito";
    17      font-style: normal;
    18      font-weight: 400;
    19      src: local(""),
    20      url("assets/fonts/nunito-v16-latin-regular.woff2") format("woff2");
    21  }
    22  
    23  #app {
    24      height: 100vh;
    25      text-align: center;
    26  }
    27  
    28  .logo {
    29      display: block;
    30      width: 50%;
    31      height: 50%;
    32      margin: auto;
    33      padding: 10% 0 0;
    34      background-position: center;
    35      background-repeat: no-repeat;
    36      background-image: url("./assets/images/logo-universal.png");
    37      background-size: 100% 100%;
    38      background-origin: content-box;
    39  }
    40  
    41  .result {
    42      height: 20px;
    43      line-height: 20px;
    44      margin: 1.5rem auto;
    45  }
    46  
    47  .input-box .btn {
    48      width: 60px;
    49      height: 30px;
    50      line-height: 30px;
    51      border-radius: 3px;
    52      border: none;
    53      margin: 0 0 0 20px;
    54      padding: 0 8px;
    55      cursor: pointer;
    56  }
    57  
    58  .input-box .btn:hover {
    59      background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
    60      color: #333333;
    61  }
    62  
    63  .input-box .input {
    64      border: none;
    65      border-radius: 3px;
    66      outline: none;
    67      height: 30px;
    68      line-height: 30px;
    69      padding: 0 10px;
    70      background-color: rgba(240, 240, 240, 1);
    71      -webkit-font-smoothing: antialiased;
    72  }
    73  
    74  .input-box .input:hover {
    75      border: none;
    76      background-color: rgba(255, 255, 255, 1);
    77  }
    78  
    79  .input-box .input:focus {
    80      border: none;
    81      background-color: rgba(255, 255, 255, 1);
    82  }