display: flex;
.left {
+ @include margin-right(10px);
+
display: flex;
flex-direction: column;
align-items: center;
- margin-right: 10px;
.vertical-border {
width: 2px;
}
.video-author {
+ @include padding-right(6px);
+ @include padding-left(6px);
+
height: 20px;
background-color: #888888;
border-radius: 12px;
flex-direction: row;
align-items: center;
display: inline-flex;
- padding-right: 6px;
- padding-left: 6px;
color: #fff !important;
}
}
.comment-date {
+ @include margin-left(5px);
+
font-size: 90%;
color: pvar(--greyForegroundColor);
- margin-left: 5px;
text-decoration: none;
&:hover {
::ng-deep .dropdown-toggle,
.comment-action-reply {
+ @include margin-right(10px);
+
color: pvar(--greyForegroundColor);
cursor: pointer;
- margin-right: 10px;
&:hover,
&:active,
}
.left {
- margin-right: 6px;
+ @include margin-right(6px);
}
}
@media screen and (max-width: 1200px) {
.children {
- margin-left: -10px;
+ @include margin-left(-10px);
}
}
@media screen and (max-width: 600px) {
.children {
- margin-left: -20px;
+ @include margin-left(-20px);
.left {
align-items: flex-start;
.vertical-border {
- margin-left: 2px;
+ @include margin-left(2px);
}
}
}
flex-direction: column;
.comment-date {
- margin-left: 0;
+ @include margin-left(0);
}
}
}