backend/style.scss

   1 @font-face{font-family: Fira Code; font-weight:200; src:url(FiraCode-Light.woff2) format("woff2"); }
   2 @font-face{font-family: Fira Code; font-weight:400; src:url(FiraCode-Regular.woff2) format("woff2"); }
   3 @font-face{font-family: Fira Code; font-weight:600; src:url(FiraCode-SemiBold.woff2) format("woff2"); }
   4 @font-face{font-family: Fira Code; font-weight:700; src:url(FiraCode-Bold.woff2) format("woff2"); }
   5
   6 $primary: #182430;
   7
   8 $background: darken($primary, 5%);
   9 $background-container: lighten($primary, 10%);
  10
  11 * {
  12     margin: 10px;
  13     padding: 0px;
  14 }
  15
  16 html {
  17     font-size: 80%
  18 }
  19
  20 a {
  21     color: lighten($primary, 40%);
  22     text-decoration: none;
  23     &:hover { color: lighten($primary, 60%); }
  24 }
  25
  26 body {
  27     font-family: Fira Code, Helvetica Neue, Helvetica, Arial, sans-serif;
  28     text-shadow: 2px 2px 2px rgb(0, 0, 0);
  29     text-align: center;
  30     // line-height: 18px;
  31     color: rgb(255, 255, 255);
  32     background-color: $background;
  33     margin: 0px;
  34
  35     .recipe-item {
  36         padding: 4px;
  37     }
  38
  39     .recipe-item-current {
  40         padding: 3px;
  41         border: 1px solid white;
  42     }
  43
  44     /*
  45     .header-container {
  46
  47     }
  48     */
  49
  50     .main-container {
  51         display: flex;
  52
  53         .list {
  54             text-align: left;
  55         }
  56
  57         .content {
  58             background-color: $background-container;
  59             border: 0.1em solid white;
  60             padding: 0.5em;
  61         }
  62     }
  63
  64     .footer-container {
  65         font-size: 0.5em;
  66     }
  67 }
  68
  69 img {
  70     border: 0px;
  71 }