[github/Chocobozzz/PeerTube.git] / client / src / app / +videos / +video-watch / shared / comment / video-comments.component.scss

@use '_variables' as *;
@use '_mixins' as *;

#highlighted-comment {
  margin-bottom: 25px;
}

.view-replies {
  font-weight: $font-semibold;
  cursor: pointer;
}

.title-block {
  .title-page {
    @include margin-right(0);
  }

  my-feed {
    @include margin-left(5px);

    display: inline-block;
    opacity: 0;
    transition: ease-in .2s opacity;
    width: 12px;
    position: relative;
    top: -3px;
  }

  &:hover my-feed {
    opacity: 1;
  }
}

#dropdown-sort-comments {
  font-weight: $font-semibold;
  text-transform: uppercase;
  border: 0;
}

@media screen and (max-width: 600px) {
  .view-replies {
    @include margin-left(46px);
  }
}

@media screen and (max-width: 450px) {
  .view-replies {
    font-size: 14px;
  }
}
Commit	Line	Data
	1	@use '_variables' as *;
	2	@use '_mixins' as *;
	3
	4	#highlighted-comment {
	5	margin-bottom: 25px;
	6	}
	7
	8	.view-replies {
	9	font-weight: $font-semibold;
	10	cursor: pointer;
	11	}
	12
	13	.title-block {
	14	.title-page {
	15	@include margin-right(0);
	16	}
	17
	18	my-feed {
	19	@include margin-left(5px);
	20
	21	display: inline-block;
	22	opacity: 0;
	23	transition: ease-in .2s opacity;
	24	width: 12px;
	25	position: relative;
	26	top: -3px;
	27	}
	28
	29	&:hover my-feed {
	30	opacity: 1;
	31	}
	32	}
	33
	34	#dropdown-sort-comments {
	35	font-weight: $font-semibold;
	36	text-transform: uppercase;
	37	border: 0;
	38	}
	39
	40	@media screen and (max-width: 600px) {
	41	.view-replies {
	42	@include margin-left(46px);
	43	}
	44	}
	45
	46	@media screen and (max-width: 450px) {
	47	.view-replies {
	48	font-size: 14px;
	49	}
	50	}