|
394
|
1 *, ::before, ::after {
|
|
379
|
2 position: relative;
|
|
|
3 box-sizing: border-box;
|
|
|
4 }
|
|
|
5
|
|
|
6 body, h1, input {
|
|
|
7 margin: 0px;
|
|
|
8 }
|
|
|
9
|
|
|
10 html, body {
|
|
|
11 height: 100%;
|
|
|
12 }
|
|
|
13
|
|
|
14 body {
|
|
|
15 display: flex;
|
|
|
16 flex-direction: column;
|
|
|
17 }
|
|
|
18
|
|
|
19
|
|
|
20 header {
|
|
|
21 flex: none;
|
|
|
22 background: #eee;
|
|
|
23 display: flex;
|
|
|
24 align-items: center;
|
|
|
25 justify-content: space-between;
|
|
|
26 padding: $spacing/2 $spacing;
|
|
|
27
|
|
|
28 }
|
|
|
29
|
|
|
30 main {
|
|
390
|
31 flex: 1 0 auto;
|
|
379
|
32 width: 100%;
|
|
|
33
|
|
|
34 display: flex;
|
|
|
35 flex-direction: column;
|
|
|
36 padding: $spacing;
|
|
|
37 }
|
|
|
38
|
|
|
39 body, button, input {
|
|
|
40 font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
|
|
|
41 font-size: 12px;
|
|
|
42 }
|
|
386
|
43
|
|
|
44 .alert {
|
|
|
45 flex: none;
|
|
|
46 }
|
