Sha256: 1a6d43654e06a7e9cda85d8eadaa26bd1c125fbb54ded2125bb77b1c575e7c7d

Contents?: true

Size: 834 Bytes

Versions: 5

Compression:

Stored size: 834 Bytes

Contents

//
// AVATARS
//

.rf-avatar {
  position: relative;
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 4px;
}

.rf-avatar--med {
  width: 50px;
  height: 50px;
}

.rf-avatar--small {
  width: 32px;
  height: 32px;
}

.rf-avatar__img {
  width: 100%;
  height: 100%;
  border-radius: 2px;
}

.rf-avatar__nametag {
  width: 100%;
  height: 15px;
  background: $black;
  opacity: .8;
  border-radius: 0 0 2px 2px;
  position: absolute;
  font-size: 10px;
  color: $white;
  bottom: 0;
  line-height: 15px;
  text-overflow: ellipsis;
  white-space: nowrap; 
  overflow: hidden;
  text-indent: 2px;
}

.rf-avatar__overlay {
  width: 100%;
  height: 100%;
  border-radius: 2px;
  position: absolute;
  opacity: .7;
}

.rf-avatar__overlay--success {
  background: $green;
}

.rf-avatar__overlay--failure {
  background: $red;
}

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
ethosstyles-0.1.19 app/assets/stylesheets/components/_avatars.scss
ethosstyles-0.1.18 app/assets/stylesheets/components/_avatars.scss
ethosstyles-0.1.17 app/assets/stylesheets/components/_avatars.scss
ethosstyles-0.1.16 app/assets/stylesheets/components/_avatars.scss
ethosstyles-0.1.15 app/assets/stylesheets/components/_avatars.scss