57 lines
1 KiB
SCSS
57 lines
1 KiB
SCSS
|
@import 'mixins';
|
||
|
|
|
||
|
|
img {
|
||
|
|
max-width: 100%;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
|
||
|
|
.circle-image, .circular-image {
|
||
|
|
@include background-size(cover);
|
||
|
|
background-color: white;
|
||
|
|
background-position: 50% 50%;
|
||
|
|
width: 34px;
|
||
|
|
height: 34px;
|
||
|
|
@include border-radius(17px);
|
||
|
|
margin-right: 10px;
|
||
|
|
}
|
||
|
|
.circularImage--small,
|
||
|
|
.circular-image-small {
|
||
|
|
width: 30px;
|
||
|
|
height: 30px;
|
||
|
|
@include border-radius(15px);
|
||
|
|
margin-right: 5px;
|
||
|
|
} // todo: change to circularImage
|
||
|
|
|
||
|
|
.circularImage--tiny {
|
||
|
|
width: 18px;
|
||
|
|
height: 18px;
|
||
|
|
@include border-radius(50%);
|
||
|
|
margin-right: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.circularImage--large {
|
||
|
|
width: 60px;
|
||
|
|
height: 60px;
|
||
|
|
@include border-radius(50%);
|
||
|
|
margin-right: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.default-profile-image, .default-supporter {
|
||
|
|
background-image: url('https://commitchange.s3.amazonaws.com/images/default-profile.png');
|
||
|
|
@include background-size(cover);
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.default-supporter.thumb {
|
||
|
|
width: 40px;
|
||
|
|
height: 40px;
|
||
|
|
@include border-radius(20px);
|
||
|
|
}
|
||
|
|
|
||
|
|
img[src*="gstatic.com/"],
|
||
|
|
img[src*="googleapis.com/"] {
|
||
|
|
max-width: 99999px;
|
||
|
|
}
|