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

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