]>
Commit | Line | Data |
---|---|---|
244e76a5 RK |
1 | @import '_mixins'; |
2 | ||
3daf4002 C |
3 | .videos { |
4 | text-align: center; | |
5 | ||
6 | my-video-miniature { | |
7 | text-align: left; | |
8 | } | |
9 | } | |
7193ad10 | 10 | |
244e76a5 RK |
11 | my-video-feed { |
12 | display: inline-block; | |
13 | margin-left: -45px; | |
14 | } | |
15 | ||
3290f37c | 16 | @media screen and (max-width: 500px) { |
7193ad10 C |
17 | .videos { |
18 | text-align: center; | |
19 | ||
20 | /deep/ .video-miniature { | |
21 | padding-right: 0; | |
3290f37c | 22 | height: auto; |
7193ad10 | 23 | width: 100%; |
3290f37c | 24 | margin-bottom: 20px; |
7193ad10 C |
25 | |
26 | .video-miniature-information { | |
3290f37c C |
27 | width: 100% !important; |
28 | ||
29 | span { | |
30 | width: 100%; | |
31 | } | |
7193ad10 C |
32 | } |
33 | ||
34 | /deep/ .video-thumbnail { | |
35 | width: 100%; | |
d6bd50ba | 36 | height: auto; |
7193ad10 C |
37 | |
38 | img { | |
39 | width: 100%; | |
d6bd50ba | 40 | height: auto; |
7193ad10 C |
41 | } |
42 | } | |
43 | } | |
44 | } | |
45 | } |