/**
 *  components: media
 *
 *  for img & video
 *
 *
 *  @author Björn Hase, Tentakelfabrik
 *  @license http://opensource.org/licenses/MIT The MIT License
 *  @link https://github.com/tentakelfabrik/crispy-css
 *
 */

@mixin crispy__media() {
    .img-responsive {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .video-responsive {
        display: block;
        overflow: hidden;
        padding: 0;
        position: relative;
        width: 100%;

        iframe, object, embed {
            border: 0;
            bottom: 0;
            height: 100%;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%;
        }
    }
}