blob: 28151ef70673832ef38e40a985dbd5844fc6ebd4 [file] [log] [blame]
Copybara botbe50d492023-11-30 00:16:42 +01001html {
2 box-sizing: border-box;
3}
4*, *::before, *::after, input[type="search"] {
5 box-sizing: inherit;
6}
7
8body {
9 overflow: hidden; /* Needed by Chrome OSX and IOS to avoid "double" scrollbars when a menu opens */
10}
11
12#mount {
13 padding-left: 12px;
14 padding-right: 8px;
15 height:100%;
16}
17
18#mount > *:first-child:not(h5) {
19 padding-top: 16px;
20}
21
22.is-small-screen #mount {
23 padding-left: 4px;
24 padding-right: 4px;
25}
26
27/* Rules for sizing the icon */
28/* Not provided in "material-design-icons/iconfont/material-icon.css" */
29
30.material-icons.md-12 {
31 font-size: 12px;
32 }
33.material-icons.md-16 {
34 font-size: 16px;
35}
36.material-icons.md-18 {
37 font-size: 18px;
38 }
39.material-icons.md-24 {
40 font-size: 24px;
41 }
42.material-icons.md-32 {
43 font-size: 24px;
44 }
45.material-icons.md-36 {
46 font-size: 36px;
47 }
48.material-icons.md-48 {
49 font-size: 48px;
50 }
51.material-icons.md-56 {
52 font-size: 56px;
53}
54
55/* Rules for using icons as black on a light background. */
56.material-icons.md-dark {
57 color: rgba(0, 0, 0, 0.54);
58}
59.material-icons.md-dark.md-inactive {
60 color: rgba(0, 0, 0, 0.26);
61 }
62
63/* Rules for using icons as white on a dark background. */
64.material-icons.md-light {
65 color: rgba(255, 255, 255, 1);
66}
67.material-icons.md-light.md-inactive {
68 color: rgba(255, 255, 255, 0.3);
69 }