SiteWebAstrolabe/src/scss/components/_member.scss

66 lines
1.2 KiB
SCSS
Raw Normal View History

2020-07-13 20:36:44 +02:00
.member {
display: flex;
flex-direction: column;
2020-07-15 16:35:24 +02:00
margin-top: 8rem;
margin-bottom: 16rem;
h1 {
font-size: 2rem;
2020-07-16 23:34:37 +02:00
&::after {
display: none;
}
2020-07-15 16:35:24 +02:00
}
.position {
font-size: 1.125rem;
}
2020-07-13 20:36:44 +02:00
&__wrapper {
display: grid;
2020-07-15 16:35:24 +02:00
grid-template-columns: .4fr .6fr;
2020-07-13 20:36:44 +02:00
grid-template-rows: 1fr;
grid-column-gap: 1.5rem;
grid-row-gap: 0;
2020-07-15 16:35:24 +02:00
margin-top: 2.5rem;
}
&__info {
img {
border-radius: 50%;
width: 16rem;
margin-bottom: 2rem;
}
.social {
display: inline-block;
margin-top: 1.5rem;
+ .social {
margin-left: 1rem;
}
}
2020-07-13 20:36:44 +02:00
}
&__bio {
2020-07-15 16:35:24 +02:00
position: relative;
2020-07-13 20:36:44 +02:00
+ p,
p + p {
margin-top: 1.5rem;
2020-07-15 16:35:24 +02:00
}
&::before {
content: '';
display: block;
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg width='221' height='138' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M220.5 137.5h-99v-77L160 0h49.5l-22 55h33v82.5zm-121 0H.5v-77L39 0h49.5l-22 55h33v82.5z' fill='%23F1F0F6'/%3E%3C/svg%3E");
width: 221px;
height: 138px;
z-index: -1;
top: -6rem;
left: -1.5rem;
2020-07-13 20:36:44 +02:00
}
}
}