1 /* |
|
2 Theme Name: Twenty Seventeen |
|
3 Description: IE9 specific styles. |
|
4 */ |
|
5 |
|
6 .has-header-image.twentyseventeen-front-page .custom-header, |
|
7 .has-header-video.twentyseventeen-front-page .custom-header, |
|
8 .has-header-image.home.blog .custom-header, |
|
9 .has-header-video.home.blog .custom-header { |
|
10 height: 300px; |
|
11 } |
|
12 |
|
13 .has-header-image .custom-header-media img, |
|
14 .has-header-video .custom-header-media video, |
|
15 .has-header-video .custom-header-media iframe { |
|
16 min-width: 100%; |
|
17 } |
|
18 |
|
19 @media screen and (min-width: 30em) { |
|
20 |
|
21 .has-header-image.twentyseventeen-front-page .custom-header, |
|
22 .has-header-video.twentyseventeen-front-page .custom-header, |
|
23 .has-header-image.home.blog .custom-header, |
|
24 .has-header-video.home.blog .custom-header, |
|
25 .twentyseventeen-front-page.has-header-image .custom-header-media, |
|
26 .home.blog.has-header-image .custom-header-media, |
|
27 .panel-image { |
|
28 height: 700px; |
|
29 } |
|
30 } |
|
31 |
|
32 @media screen and (min-width: 48em) { |
|
33 |
|
34 .has-header-image.twentyseventeen-front-page .custom-header, |
|
35 .has-header-video.twentyseventeen-front-page .custom-header, |
|
36 .has-header-image.home.blog .custom-header, |
|
37 .has-header-video.home.blog .custom-header, |
|
38 .twentyseventeen-front-page.has-header-image .custom-header-media, |
|
39 .home.blog.has-header-image .custom-header-media, |
|
40 .panel-image { |
|
41 height: 1000px; |
|
42 } |
|
43 } |
|