30 lines
551 B
SCSS
30 lines
551 B
SCSS
/// avatarImage.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
|
|
|
|
$avatar-image-transition: $swift-ease-out;
|
|
|
|
.sg-avatar-image {
|
|
&--zoomable {
|
|
cursor: pointer;
|
|
img {
|
|
@extend .md-whiteframe-1dp;
|
|
transition: $avatar-image-transition;
|
|
}
|
|
&:hover {
|
|
img {
|
|
@extend .md-whiteframe-3dp;
|
|
}
|
|
}
|
|
}
|
|
&--zoom {
|
|
height: auto;
|
|
max-width: 50%;
|
|
width: auto;
|
|
img {
|
|
border-radius: 0;
|
|
height: auto;
|
|
transition: $avatar-image-transition;
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|