Growstuff/growstuff

View on GitHub
app/assets/stylesheets/_members.scss

Summary

Maintainability
Test Coverage
.member-thumbnail {
  border-radius: 12px;
  height: 200px;
  margin: 1em;
  padding: 0.25em;

  div {
    display: inline-block;
    vertical-align: top;
    width: 5em;
  }
}

.member-thumbnail div ~ div {
  padding-left: 1em;
  width: 15em;
}

.member-chip {
  background-color: lighten($green, 30%);

  a {
    color: $black;
  }
}

.member-location {
  font-size: small;
  font-style: italic;

  a {
    color: $brown;
  }
}

.location-not-set {
  background-image: image-url("location-not-set.en.png");
  background-position: center;
  background-repeat: no-repeat;
  height: 250px;
  width: 100%;
}
.card {
  .badge-location {
    background-color: darken($blue, 10%);
    border-radius: 5%;
    color: $white;

    .fa-map-marker {
      padding-right: 0.5em;
    }
  }

  .badge {
    text-overflow: ellipsis;
    white-space: normal;
    align-items: end;
    max-height: 1rlh;
    -webkit-line-clamp: 1;
  }
}