webapp-frontend/src/styles.scss

   1 /* You can add global styles to this file, and also import other style files */
   2
   3 @import '~bootstrap/dist/css/bootstrap.min.css';
   4 @import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
   5 /* for sidenav to take a whole page */
   6 html, body {
   7     margin: 0;
   8     height: 100%;
   9     font-family: Helvetica, Arial, sans-serif;
  10 }
  11
  12 /* notification */
  13 .confirm-dialog-container span.content-span {
  14   padding: 35px 16px 20px 16px;
  15   text-align: center;
  16   font-size: 20px;
  17 }
  18
  19 snack-bar-container.success.default {
  20   background-color: #5cb85c;
  21   color: #fff;
  22 }
  23
  24 snack-bar-container.warn.default {
  25   background-color: #f99157;
  26   color: #fff;
  27 }
  28
  29 snack-bar-container.error.default {
  30   background-color: #fc7169;
  31   color: #fff;
  32 }
  33
  34
  35 snack-bar-container.notification simple-snack-bar {
  36   font-size: 18px !important;
  37   font-weight: bold;
  38 }