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 .subtitle {
   9   font-weight: $font-semibold;
  10   margin-bottom: 10px;
  11   font-size: 16px;
  12 }
  13
  14 .block-documentation .subtitle {
  15   margin-bottom: 20px;
  16 }
  17
  18 .block-configuration,
  19 .block-instance {
  20   margin-top: 30px;
  21 }
  22
  23 li {
  24   margin-bottom: 10px;
  25 }
  26
  27 .configure-instance {
  28   text-align: center;
  29   font-weight: 600;
  30   font-size: 18px;
  31   margin: 20px 0 40px 0;
  32 }
  33
  34 .columns {
  35   display: flex;
  36
  37   .link-block {
  38     @include disable-default-a-behaviour;
  39
  40     color: var(--mainForegroundColor);
  41     padding: 10px;
  42     transition: background-color 0.2s ease-in;
  43
  44     &:hover {
  45       background-color: rgba(0, 0, 0, 0.05);
  46     }
  47
  48     .link-title {
  49       font-size: 16px;
  50       font-weight: $font-semibold;
  51       display: flex;
  52       justify-content: center;
  53       margin-bottom: 5px;
  54     }
  55   }
  56 }