git-server-git.apps.pok.os.sepia.ceph.com Git - ceph-ci.git/blob

   1 @use './src/styles/vendor/variables' as vv;
   2 @use '@carbon/styles/scss/spacing';
   3 @use '@carbon/styles/scss/theme' as *;
   4 @use '@carbon/styles/scss/type';
   5
   6 .running i {
   7   color: vv.$primary;
   8 }
   9
  10 .running:hover i {
  11   color: vv.$white;
  12 }
  13
  14 a {
  15   .dot {
  16     background-color: vv.$primary-500;
  17     border: 2px solid vv.$secondary;
  18     border-radius: 50%;
  19     height: 11px;
  20     position: absolute;
  21     right: 17px;
  22     top: 10px;
  23     width: 10px;
  24   }
  25
  26   &:hover .dot {
  27     background-color: vv.$white;
  28     border-color: vv.$primary-500;
  29   }
  30 }
  31
  32 .notification-icon-wrapper {
  33   position: relative;
  34   display: inline-flex;
  35   padding: spacing.$spacing-04;
  36   cursor: pointer;
  37   border-radius: spacing.$spacing-01;
  38   transition: background-color 0.2s ease;
  39 }
  40
  41 .notification-count {
  42   position: absolute;
  43   top: spacing.$spacing-01;
  44   right: spacing.$spacing-01;
  45   min-width: spacing.$spacing-04;
  46   height: spacing.$spacing-04;
  47   padding: 0 spacing.$spacing-01;
  48   border-radius: spacing.$spacing-02;
  49   background-color: $support-error;
  50   color: $text-on-color;
  51   font-size: spacing.$spacing-04;
  52   line-height: spacing.$spacing-04;
  53   text-align: center;
  54   font-weight: 500;
  55 }