responsive-embed.less
No OneTemporary
Actions

Size

564 B

Referenced Files

None

Subscribers

None

responsive-embed.less
View Options

	// Embeds responsive
	//
	// Credit: Nicolas Gallagher and SUIT CSS.

	.embed-responsive {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;

	.embed-responsive-item,
	iframe,
	embed,
	object,
	video {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	border: 0;
	}

	// Modifier class for 16:9 aspect ratio
	&.embed-responsive-16by9 {
	padding-bottom: 56.25%;
	}

	// Modifier class for 4:3 aspect ratio
	&.embed-responsive-4by3 {
	padding-bottom: 75%;
	}
	}