92 lines
1.3 KiB
SCSS
92 lines
1.3 KiB
SCSS
.author {
|
|
background: $lightGray;
|
|
display: table;
|
|
width: 100%;
|
|
padding: rem(40px) 0;
|
|
margin: rem(40px) 0;
|
|
|
|
@include media(">=sm") {
|
|
padding: rem(50px) 0;
|
|
}
|
|
|
|
.details {
|
|
margin: auto;
|
|
max-width: rem(800px);
|
|
padding: 0 rem(20px);
|
|
|
|
@include media("<sm") {
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
svg {
|
|
@include size(25, 25);
|
|
margin-right: rem(10px);
|
|
}
|
|
|
|
a {
|
|
fill: darken($lightGray, 30%);
|
|
text-decoration: none;
|
|
border: none;
|
|
transition: all 0.3s;
|
|
|
|
&:hover {
|
|
fill: $themeColor;
|
|
}
|
|
}
|
|
|
|
img {
|
|
width: rem(150px);
|
|
border-radius: 50%;
|
|
display: block;
|
|
margin: auto;
|
|
|
|
@include media(">=sm") {
|
|
width: rem(180px);
|
|
float: left;
|
|
margin-right: 3.125rem;
|
|
}
|
|
}
|
|
|
|
.def {
|
|
color: gray;
|
|
font-size: rem(18px);
|
|
@include mainFont(300);
|
|
margin: rem(10px);
|
|
|
|
@include media(">=sm") {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
.name {
|
|
margin: 0;
|
|
|
|
a {
|
|
@include mainFont();
|
|
text-decoration: none;
|
|
color: black;
|
|
font-size: rem(30px);
|
|
|
|
@include media(">=sm") {
|
|
font-size: rem(45px);
|
|
}
|
|
|
|
&:hover {
|
|
color: $texts;
|
|
}
|
|
}
|
|
}
|
|
|
|
.desc {
|
|
@include mainFont(300);
|
|
margin: rem(10px);
|
|
font-size: rem(16px);
|
|
line-height: rem(25px);
|
|
|
|
@include media(">=sm") {
|
|
font-size: rem(18px);
|
|
}
|
|
}
|
|
}
|