]>
Commit | Line | Data |
---|---|---|
1 | /* ========================================================================== | |
2 | Layout | |
3 | ========================================================================== */ | |
4 | ||
5 | body { | |
6 | display: flex; | |
7 | min-height: 100vh; | |
8 | flex-direction: column; | |
9 | background: #fafafa; | |
10 | ||
11 | &.login main { | |
12 | padding: 0; | |
13 | min-height: 100vh; | |
14 | } | |
15 | } | |
16 | ||
17 | .border-bottom { | |
18 | border-bottom: 1px solid #ddd; | |
19 | } | |
20 | ||
21 | nav, | |
22 | main, | |
23 | footer { | |
24 | padding-left: 240px; | |
25 | } | |
26 | ||
27 | main, | |
28 | #content, | |
29 | .valign-wrapper { | |
30 | height: 100%; | |
31 | } | |
32 | ||
33 | #main { | |
34 | flex: 1 0 auto; | |
35 | ||
36 | .logo { | |
37 | a { | |
38 | height: 100pt; | |
39 | } | |
40 | ||
41 | img { | |
42 | height: 100pt; | |
43 | width: 100pt; | |
44 | } | |
45 | ||
46 | &:hover { | |
47 | background: transparent; | |
48 | } | |
49 | } | |
50 | } |