// Place all the styles related to the CodeStatus controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

.code-status {

  .commit summary {
    font-size: 14px;
  }

  details:not([open]) #show-all-gem-versions {
    display: none;
  }
  #show-all-gem-versions {
    font-size: 0.5em;
    &::after {
      content: 'more';
    }
    &.shown::after {
      content: 'less';
    }
  }
  .diff-toggle {
    &::before {
      content: 'Show';
    }
    &.shown::before {
      content: 'Hide';
    }
    &.no-diff {
      color: gray;
      pointer-events: none;
      cursor: not-allowed;
      &::before {
        content: 'No';
      }
    }
  }
}

.user-mention {
  // stolen from GitHub
  font-weight: 600;
  color: #24292e !important;
  white-space: nowrap;
}

// Place all the styles related to the CodeStatus controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

.code-status {

  details summary:focus {
    outline: 0;
  }

  .commit summary {
    font-size: 14px;
  }

  details:not([open]) #show-all-gem-versions {
    display: none;
  }
  #show-all-gem-versions {
    font-size: 0.5em;
    &::after {
      content: 'more';
    }
    &.shown::after {
      content: 'less';
    }
  }
  .diff-toggle {
    &::before {
      content: 'Show';
    }
    &.shown::before {
      content: 'Hide';
    }
    &.no-diff {
      color: gray;
      pointer-events: none;
      cursor: not-allowed;
      &::before {
        content: 'No';
      }
    }
  }
}

.user-mention {
  // stolen from GitHub
  font-weight: 600;
  color: #24292e !important;
  white-space: nowrap;
}

Remove nasty outline on code status page
Remove nasty outline on code status page
