[github/Chocobozzz/PeerTube.git] / client / src / sass / player / bezels.scss

@keyframes bezels-fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale(2);
  }
}

.vjs-bezel {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 52px;
  height: 52px;
  z-index: 19;
  margin-left: -26px;
  margin-top: -26px;
  background: rgba(0, 0, 0, .5);
  border-radius: 26px;
  animation: bezels-fadeout .5s linear 1 normal forwards;
  pointer-events: none;
}

.vjs-bezel-icon {
  width: 36px;
  height: 36px;
  margin: 8px;

  svg .vjs-svg-fill {
    fill: #fff;
  }
}
Commit	Line	Data
62ab565d RK	1	@keyframes bezels-fadeout {
	2	from {
	3	opacity: 1;
	4	}
	5	to {
	6	opacity: 0;
	7	transform: scale(2);
	8	}
	9	}
	10
	11	.vjs-bezel {
a3705089 C	12	position: absolute;
	13	left: 50%;
	14	top: 50%;
	15	width: 52px;
	16	height: 52px;
	17	z-index: 19;
	18	margin-left: -26px;
	19	margin-top: -26px;
	20	background: rgba(0, 0, 0, .5);
	21	border-radius: 26px;
	22	animation: bezels-fadeout .5s linear 1 normal forwards;
62ab565d RK	23	pointer-events: none;
	24	}
	25
	26	.vjs-bezel-icon {
a3705089 C	27	width: 36px;
a3705089 C	28	height: 36px;
62ab565d	29	margin: 8px;
a3705089	30
62ab565d RK	31	svg .vjs-svg-fill {
	32	fill: #fff;
	33	}
	34	}