Untitled

mail@pastecode.io avatar
unknown
plain_text
17 days ago
1.1 kB
2
Indexable
Never
.fnd-videoArea {
    &__video {
        height: 100%;

        iframe {
            width: 100%;
            height: 500px;
            display: block;

            @media only screen and (max-width:1200px) {
                height: 350px;
            }

            @media only screen and (max-width:992px) {
                height: 250px;
            }
        }
    }

    &--noPlaylist {
        .fnd-videoArea__iframe {
            background-color: #1B1D22;

            @media only screen and (max-width:1024px) {
                position: relative;
                padding-bottom: 56.25%;
            }

            iframe {
                width: 80%;
                height: 550px;
                margin-left: auto;
                margin-right: auto;

                @media only screen and (max-width:1024px) {
                    margin-right: revert;
                    margin-left: revert;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
}
Leave a Comment