1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46:40 +07:00
vault-frontend/src/components/profile/ProfileSidebarInfo/styles.module.scss
2020-11-19 17:51:49 +07:00

41 lines
718 B
SCSS

@import "src/styles/variables";
.wrap.wrap {
justify-content: center;
align-items: center;
box-sizing: border-box;
position: relative;
flex: 0 0 100px;
display: flex;
margin: $gap;
box-shadow: transparentize(white, 0.95) 0 0 0 1px;
border-radius: $radius;
background: transparentize(black, 0.8);
}
.avatar {
border-radius: $radius;
width: 100px;
height: 100px;
background-size: cover;
position: relative;
flex: 0 0 100px;
left: -$gap;
margin-right: 10px;
}
.field {
flex: 1;
padding: $gap;
}
.name {
font: $font_24_bold;
margin-bottom: 4px;
}
.description {
color: transparentize($color: white, $amount: 0.7);
font: $font_14_regular;
text-transform: lowercase;
}