[github/Chocobozzz/PeerTube.git] / client / src / app / shared / channel / avatar.component.scss

@import '_mixins';

.wrapper {
  width: 35px;
  height: 35px;
  min-width: 35px;
  min-height: 35px;
  position: relative;
  margin-right: 5px;

  a {
    @include disable-outline;
  }

  a img {
    height: 100%;
    object-fit: cover;
    position: absolute;
    top:50%;
    left:50%;
    border-radius: 50%;
    transform: translate(-50%,-50%)
  }

  a:nth-of-type(2) img {
    height: 60%;
    width: 60%;
    border: 2px solid var(--mainBackgroundColor);
    transform: translateX(15%);
    position: relative;
  }
}
Commit	Line	Data
dd4f25ee RK	1	@import '_mixins';
	2
	3	.wrapper {
	4	width: 35px;
	5	height: 35px;
	6	min-width: 35px;
	7	min-height: 35px;
	8	position: relative;
	9	margin-right: 5px;
	10
	11	a {
	12	@include disable-outline;
	13	}
	14
	15	a img {
	16	height: 100%;
	17	object-fit: cover;
	18	position: absolute;
	19	top:50%;
	20	left:50%;
	21	border-radius: 50%;
	22	transform: translate(-50%,-50%)
	23	}
	24
	25	a:nth-of-type(2) img {
	26	height: 60%;
	27	width: 60%;
	28	border: 2px solid var(--mainBackgroundColor);
	29	transform: translateX(15%);
	30	position: relative;
	31	}
	32	}