1 | /**
|
2 | * Copyright 2015 Google Inc. All Rights Reserved.
|
3 | *
|
4 | * Licensed under the Apache License, Version 2.0 (the "License");
|
5 | * you may not use this file except in compliance with the License.
|
6 | * You may obtain a copy of the License at
|
7 | *
|
8 | * http://www.apache.org/licenses/LICENSE-2.0
|
9 | *
|
10 | * Unless required by applicable law or agreed to in writing, software
|
11 | * distributed under the License is distributed on an "AS IS" BASIS,
|
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
13 | * See the License for the specific language governing permissions and
|
14 | * limitations under the License.
|
15 | */
|
16 |
|
17 | @import "h5bp";
|
18 | @import "mobile";
|
19 |
|
20 | /*
|
21 | * Make html take up the entire screen
|
22 | * Then set touch-action to avoid touch delay on mobile IE
|
23 | */
|
24 | html {
|
25 | width: 100%;
|
26 | height: 100%;
|
27 | -ms-touch-action: manipulation;
|
28 | touch-action: manipulation;
|
29 | }
|
30 |
|
31 | /*
|
32 | * Make body take up the entire screen
|
33 | * Remove body margin so layout containers don't cause extra overflow.
|
34 | */
|
35 | body {
|
36 | width: 100%;
|
37 | min-height: 100%;
|
38 | margin: 0;
|
39 | }
|
40 |
|
41 | /*
|
42 | * Main display reset for IE support.
|
43 | * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011
|
44 | */
|
45 | main {
|
46 | display: block;
|
47 | }
|
48 |
|
49 | /*
|
50 | * Apply no display to elements with the hidden attribute.
|
51 | * IE 9 and 10 support.
|
52 | */
|
53 | *[hidden] {
|
54 | display: none ;
|
55 | }
|