tk-ligat.ru/shablon/gsore/assets/sass/components/_comment.scss

73 lines
1.0 KiB
SCSS
Raw Normal View History

2022-05-30 23:06:37 +05:00
/*****************************
20 - Component - Comment
*****************************/
.comment{
padding: 0;
@include breakpoint(medium){
padding: 0px 20px 20px 20px;
}
&__list{
border-bottom: 1px solid $color-white-3;
padding-top: 20px;
padding-bottom: 15px;
&:last-child{
border-bottom: none;
}
&:first-child{
padding-top: 0;
}
}
&__list > &__reply{
margin-left: 0;
@include breakpoint(medium){
margin-left: 100px;
}
}
&__reply li{
border-top: 1px solid $color-white-3;
padding-top: 20px;
margin-top: 15px;
}
&__wrapper{
display: flex;
align-items: flex-start;
flex-direction: column;
@include breakpoint(small){
flex-direction: row;
}
}
&__img{
margin-right: 30px;
margin-bottom: 20px;
border-radius: 5px;
img{
width: 78px;
height: 78px;
border-radius: 5px;
}
}
&__name{
font-weight: 600;
margin-right: 10px;
}
&__content{
&-top{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
flex-wrap: wrap;
}
}
}