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 !important;

55 }