app/assets/stylesheets/modules/_speaker-avatar.scss
.speaker-avatar {
@include box-shadow(#AAA, 0, 0, 3px);
@include inline-block;
background-color: #FFF;
}
.speaker-avatar:hover {
@include box-shadow(#333, 0, 0, 12px);
opacity: 0.8;
}
.speaker-avatar,
.speaker-avatar img {
width: 60px;
height: 60px;
@include border-radius(50%);
}
@media screen and (min-width:600px) {
.speaker-avatar,
.speaker-avatar img {
width: 80px;
height: 80px;
}
}
@media screen and (min-width:800px) {
.speaker-avatar,
.speaker-avatar img {
width: 100px;
height: 100px;
}
}