Retrospring/app/assets/stylesheets/components/_userbox.scss

41 lines
716 B
SCSS
Raw Normal View History

2023-01-03 12:56:18 -08:00
@use "sass:map";
.userbox {
&__header {
width: 100%;
height: auto;
max-height: 70px;
2023-01-03 12:56:18 -08:00
@include media-breakpoint-up(sm) {
max-height: 60px;
}
}
&__avatar {
display: block;
2023-01-03 12:56:18 -08:00
width: map.get($avatar-sizes, "lg");
height: map.get($avatar-sizes, "lg");
margin-top: -(map.get($avatar-sizes, "lg") / 2);
margin-left: auto;
margin-right: auto;
border-radius: $avatar-border-radius;
box-shadow: $box-shadow;
}
.profile__name {
display: block;
2023-01-03 12:56:18 -08:00
margin: map.get($spacers, 3) 0;
text-align: center;
2023-01-04 07:43:43 -08:00
text-decoration: none;
}
.card-body {
display: flex;
flex-direction: column;
}
.profile__actions {
margin-top: auto;
}
}