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

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