1 // Embeds responsive

     2 //

     3 // Credit: Nicolas Gallagher and SUIT CSS.

     4 

     5 .embed-responsive {

     6   position: relative;

     7   display: block;

     8   height: 0;

     9   padding: 0;

    10   overflow: hidden;

    11 

    12   .embed-responsive-item,

    13   iframe,

    14   embed,

    15   object,

    16   video {

    17     position: absolute;

    18     top: 0;

    19     left: 0;

    20     bottom: 0;

    21     height: 100%;

    22     width: 100%;

    23     border: 0;

    24   }

    25 

    26   // Modifier class for 16:9 aspect ratio

    27   &.embed-responsive-16by9 {

    28     padding-bottom: 56.25%;

    29   }

    30 

    31   // Modifier class for 4:3 aspect ratio

    32   &.embed-responsive-4by3 {

    33     padding-bottom: 75%;

    34   }

    35 }