78 lines
1.7 KiB
SCSS
78 lines
1.7 KiB
SCSS
.card-user {
|
|
overflow: hidden;
|
|
.image {
|
|
height: 120px;
|
|
}
|
|
|
|
.author {
|
|
text-align: center;
|
|
text-transform: none;
|
|
margin-top: 25px;
|
|
|
|
a + p.description {
|
|
margin-top: -7px;
|
|
}
|
|
|
|
.block {
|
|
position: absolute;
|
|
height: 100px;
|
|
width: 250px;
|
|
&.block-one {
|
|
@include linear-gradient-right(rgba($primary,0.6), rgba($primary,0));
|
|
@include nc-rotate(150deg,10);
|
|
margin-top: -90px;
|
|
margin-left: -50px;
|
|
}
|
|
|
|
&.block-two {
|
|
@include linear-gradient-right(rgba($primary,0.6), rgba($primary,0));
|
|
@include nc-rotate(30deg,10);
|
|
margin-top: -40px;
|
|
margin-left: -100px;
|
|
}
|
|
|
|
&.block-three {
|
|
@include linear-gradient-right(rgba($primary,0.6), rgba($primary,0));
|
|
@include nc-rotate(170deg,10);
|
|
margin-top: -70px;
|
|
right: -45px;
|
|
|
|
}
|
|
|
|
&.block-four {
|
|
@include linear-gradient-right(rgba($primary,0.6), rgba($primary,0));
|
|
@include nc-rotate(150deg,10);
|
|
margin-top: -25px;
|
|
right: -45px;
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
.avatar {
|
|
width: 124px;
|
|
height: 124px;
|
|
border: 5px solid lighten($black,5%);
|
|
border-bottom-color: $transparent-bg;
|
|
background-color: $transparent-bg;
|
|
position: relative;
|
|
}
|
|
|
|
.card-body {
|
|
min-height: 240px;
|
|
}
|
|
|
|
hr {
|
|
margin: 5px 15px;
|
|
}
|
|
|
|
.button-container {
|
|
margin-bottom: 6px;
|
|
text-align: center;
|
|
}
|
|
|
|
.card-description {
|
|
margin-top: 30px;
|
|
}
|
|
}
|