PHP Classes

File: public/vendors/bootstrap/scss/utilities/_embed.scss

Recommend this page to a friend!
  Classes of Maniruzzaman Akash   Devs Hunt   public/vendors/bootstrap/scss/utilities/_embed.scss   Download  
File: public/vendors/bootstrap/scss/utilities/_embed.scss
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Devs Hunt
Manage courses and student enrolment
Author: By
Last change:
Date: 3 months ago
Size: 846 bytes
 

Contents

Class file image Download
// Credit: Nicolas Gallagher and SUIT CSS. .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; &::before { display: block; content: ""; } .embed-responsive-item, iframe, embed, object, video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } } @each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios { $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1); $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2); .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} { &::before { padding-top: percentage($embed-responsive-aspect-ratio-y / $embed-responsive-aspect-ratio-x); } } }