]>
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 | |
cc1561f9 C |
11 | .title-page.title-page-single { |
12 | margin-right: 5px; | |
13 | } | |
14 | ||
244e76a5 RK |
15 | my-video-feed { |
16 | display: inline-block; | |
244e76a5 RK |
17 | } |
18 | ||
3290f37c | 19 | @media screen and (max-width: 500px) { |
7193ad10 C |
20 | .videos { |
21 | text-align: center; | |
22 | ||
23 | /deep/ .video-miniature { | |
24 | padding-right: 0; | |
3290f37c | 25 | height: auto; |
7193ad10 | 26 | width: 100%; |
3290f37c | 27 | margin-bottom: 20px; |
7193ad10 C |
28 | |
29 | .video-miniature-information { | |
3290f37c C |
30 | width: 100% !important; |
31 | ||
32 | span { | |
33 | width: 100%; | |
34 | } | |
7193ad10 C |
35 | } |
36 | ||
37 | /deep/ .video-thumbnail { | |
38 | width: 100%; | |
d6bd50ba | 39 | height: auto; |
7193ad10 C |
40 | |
41 | img { | |
42 | width: 100%; | |
d6bd50ba | 43 | height: auto; |
7193ad10 C |
44 | } |
45 | } | |
46 | } | |
47 | } | |
48 | } |