.card {
  color: #555555;
  cursor: pointer;
  height: 222px;
  float: left;
  margin-bottom: 15px;
  margin-right: 15px;
  position: relative;
  overflow: hidden;
  width: 222px;

  &:hover {
    .card-actions {
      display: block;
    }
  }

  &.is-featured {
    height: 459px;
    width: 459px;
  }

  &.is-detail {
    height: auto;
    margin: 0;
    width: 100%;
  }
}

.card-info {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%
  z-index: 5;
}

.card-info-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card-name {
  color: #6C6C6C;
  font-size: 14px;
}

.card-author,
.card-comments {
  color: #BBBBBB;
  font-size: 11px;
}

.card-actions {
  background: #FFFFFF;
  display: none;
  right: 10px;
  padding: 5px;
  position: absolute;
  top: 10px;
  z-index: 15;
}

.card {
  color: #555555;
  cursor: pointer;
  height: 222px;
  float: left;
  margin-bottom: 15px;
  margin-right: 15px;
  position: relative;
  overflow: hidden;
  width: 222px;

  &:hover {
    .card-actions {
      display: block;
    }
  }

  &.is-featured {
    height: 459px;
    width: 459px;
  }

  &.is-detail {
    height: auto;
    margin: 0;
    width: 100%;
  }
}

.card-link {
  &, &:hover, &:focus, &:active, &:visited {
    color: #555555;
  }
}

.card-info {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%
  z-index: 5;
}

.card-info-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card-name {
  color: #6C6C6C;
  font-size: 14px;
}

.card-author,
.card-comments {
  color: #BBBBBB;
  font-size: 11px;
}

.card-actions {
  background: #FFFFFF;
  display: none;
  right: 10px;
  padding: 5px;
  position: absolute;
  top: 10px;
  z-index: 15;
}

Fix note cards text color.
Fix note cards text color.
