[Summary view] [Print] [Text view]

   1  // Icons
   2  
   3  .#{$jicon-css-prefix}-white {
   4    color: $white;
   5  }
   6  
   7  .tbody-icon {
   8    padding: 0 3px;
   9    text-align: center;
  10    background-color: transparent;
  11    border: 0;
  12  
  13    [class^="#{$jicon-css-prefix}-"],
  14    [class*=" #{$jicon-css-prefix}-"],
  15    [class^="#{$fa-css-prefix}-"],
  16    [class*=" #{$fa-css-prefix}-"] {
  17      width: 26px;
  18      height: 26px;
  19      font-size: 1rem;
  20      line-height: 22px;
  21      color: $gray-400;
  22      border: 2px solid var(--border);
  23      border-radius: 50%;
  24    }
  25  
  26    .#{$jicon-css-prefix}-publish,
  27    .#{$jicon-css-prefix}-check,
  28    .#{$fa-css-prefix}-check {
  29      color: var(--success);
  30      border-color: var(--success);
  31    }
  32  
  33    .#{$jicon-css-prefix}-home,
  34    .#{$jicon-css-prefix}-color-featured,
  35    .#{$jicon-css-prefix}-star.featured,
  36    .#{$fa-css-prefix}-star.featured {
  37      color: $warning;
  38      border-color: $warning;
  39    }
  40  
  41    .#{$jicon-css-prefix}-folder,
  42    .#{$fa-css-prefix}-folder {
  43      color: var(--template-text-dark);
  44      border-color: $gray-700;
  45    }
  46  
  47    .#{$jicon-css-prefix}-checkedout,
  48    .#{$jicon-css-prefix}-lock,
  49    .#{$fa-css-prefix}-lock {
  50      width: auto;
  51      height: auto;
  52      font-size: 1.2rem;
  53      line-height: 1rem;
  54      color: var(--template-text-dark);
  55      border: 0;
  56    }
  57  
  58    &.home-disabled,
  59    &.featured-disabled,
  60    &.color-featured-disabled,
  61    &.#{$jicon-css-prefix}-star-disabled,
  62    &.#{$fa-css-prefix}-star-disabled {
  63      cursor: not-allowed;
  64      opacity: 1;
  65    }
  66  
  67    &.disabled .#{$jicon-css-prefix}-home,
  68    &.disabled .#{$fa-css-prefix}-home {
  69      color: $state-warning-bg;
  70      border-color: $state-warning-bg;
  71    }
  72  }
  73  
  74  // WebAuthn
  75  .plg_system_webauthn_login_button svg {
  76    margin-inline-end: 2px;
  77  }
  78  
  79  .plg_system_webauthn_login_button svg path {
  80    fill: var(--white);
  81  }
  82  
  83  .badge > span {
  84    margin-inline-end: .5rem;
  85  }