add video to timetable
This commit is contained in:
@@ -3,6 +3,25 @@
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.gallery__iframe {
|
||||
width: 100%;
|
||||
max-width: 90vh;
|
||||
margin: auto;
|
||||
position: relative;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.gallery__iframe__main {
|
||||
width: 100%;
|
||||
padding-bottom: 56.25%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.gallery__iframe__main iframe {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.gallery__item {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
|
||||
@@ -11,6 +11,27 @@ $timetable_count: 15;
|
||||
}
|
||||
}
|
||||
|
||||
.timetable__button {
|
||||
opacity: 0;
|
||||
position: fixed;
|
||||
top: 103px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 1000;
|
||||
transition: opacity 0.5s $easeOutQuad;
|
||||
#timetable[data-active="0"] & {
|
||||
opacity: 1;
|
||||
}
|
||||
img {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 40px;
|
||||
height: 20px;
|
||||
margin-left: -20px;
|
||||
}
|
||||
}
|
||||
|
||||
.timetable__clock__frame {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
|
||||
Reference in New Issue
Block a user