@import "../../common/mixins";

.notifications {
  a {
    cursor: pointer;
  }

  .menu {
    li {
      position: relative;

      &.unread {
        &:after {
          content: '';
          display: block;
          width: 6px;
          height: 6px;
          border-radius: 50%;
          background: #2bd85e;
          position: absolute;
          right: 5px;
          top: 6px;
        }
      }
    }
  }
}

.changelog {
  padding: 0 4px;

  .title {
    font-size: 18px;

    span {
      font-size: 14px;
      margin-left: 10px;
      color: #999;
    }
  }

  .desc {
    background: whitesmoke;
    padding: 6px 10px;
    margin-top: 6px;
  }

  ul {
    padding: 10px 16px 0 11px;
    margin: 0;
    list-style-position: inside;
    line-height: 24px;
  }
}