client/src/app/modal/welcome-modal.component.scss

   1 @import '_mixins';
   2 @import '_variables';
   3
   4 .modal-body {
   5   font-size: 15px;
   6 }
   7
   8 .two-columns {
   9   display: flex;
  10   align-items: center;
  11   justify-content: center;
  12   margin-top: 50px;
  13 }
  14
  15 .mascot-fw {
  16   width: 170px;
  17 }
  18
  19 .mascot {
  20   display: block;
  21   min-width: 170px;
  22   margin-right: 2rem;
  23 }
  24
  25 .subtitle {
  26   font-weight: $font-semibold;
  27   margin-bottom: 10px;
  28   font-size: 16px;
  29 }
  30
  31 .block-documentation {
  32   .subtitle {
  33     margin-bottom: 20px;
  34   }
  35 }
  36
  37 li {
  38   margin-bottom: 10px;
  39 }
  40
  41 .configure-instance {
  42   text-align: center;
  43   font-weight: 600;
  44   font-size: 18px;
  45   margin: 20px 0 40px 0;
  46 }
  47
  48 .columns {
  49   display: flex;
  50 }
  51
  52 .link-block {
  53   @include disable-default-a-behaviour;
  54
  55   color: pvar(--mainForegroundColor);
  56   padding: 10px;
  57   transition: background-color 0.2s ease-in;
  58   flex-basis: 33%;
  59
  60   &:hover {
  61     background-color: rgba(0, 0, 0, 0.05);
  62   }
  63
  64   .link-title {
  65     font-size: 16px;
  66     font-weight: $font-semibold;
  67     display: flex;
  68     justify-content: center;
  69     margin-bottom: 5px;
  70   }
  71
  72   .link-title,
  73   div {
  74     text-align: center;
  75   }
  76 }