48 lines
964 B
SCSS
48 lines
964 B
SCSS
|
.bio {
|
||
|
|
@include flexbox();
|
||
|
|
@include justify-content(center);
|
||
|
|
@include align-items(center);
|
||
|
|
@include flex-direction(column);
|
||
|
|
width: 100%;
|
||
|
|
max-width: 200px;
|
||
|
|
font-family: 'Montserrat', sans-serif;
|
||
|
|
|
||
|
|
&__photo {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
|
||
|
|
&-wrapper {
|
||
|
|
width: 128px;
|
||
|
|
height: 128px;
|
||
|
|
border-radius: 100%;
|
||
|
|
overflow: hidden;
|
||
|
|
margin: 1rem;
|
||
|
|
@include themify($themes) {
|
||
|
|
background-color: themed('');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
&__name {
|
||
|
|
font-weight: 700;
|
||
|
|
letter-spacing: 1px;
|
||
|
|
font-family: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
&__desc {
|
||
|
|
margin: 0.5rem 0;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
&__social {
|
||
|
|
a {
|
||
|
|
text-decoration: none !important;
|
||
|
|
@include themify($themes) {
|
||
|
|
color: themed('social-icon-color');
|
||
|
|
@include on-event {
|
||
|
|
color: themed('social-icon-hover-color');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|