base.less 1.23 KB
Newer Older
Sandro Lutz's avatar
Sandro Lutz committed
1
2
@import './colors.less';
@import './dimensions.less';
3
@import './mediaquery.less';
Sandro Lutz's avatar
Sandro Lutz committed
4
@import './infobox.less';
Sandro Lutz's avatar
Sandro Lutz committed
5
@import './errors.less';
Cliff Li's avatar
Cliff Li committed
6
@import './frontpage.less';
Sandro Lutz's avatar
Sandro Lutz committed
7
@import './board.less';
Sandro Lutz's avatar
Sandro Lutz committed
8
@import './commissions.less';
Cliff Li's avatar
Cliff Li committed
9
@import './studydocList.less';
Sandro Lutz's avatar
Sandro Lutz committed
10
@import './legalNotice.less';
Sandro Lutz's avatar
Sandro Lutz committed
11
12
@import './header.less';
@import './footer.less';
13
14
@import './eventList.less';
@import './eventDetails.less';
15
@import './jobofferList.less';
Cliff Li's avatar
Cliff Li committed
16

Sandro Lutz's avatar
Sandro Lutz committed
17
html,body {
Sandro Lutz's avatar
Sandro Lutz committed
18
19
20
21
22
23
24
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  box-sizing: border-box;
Sandro Lutz's avatar
Sandro Lutz committed
25

Sandro Lutz's avatar
Sandro Lutz committed
26
27
28
  @media @tablet, @mobile {
    font-size: 18px;
  }
29

Sandro Lutz's avatar
Sandro Lutz committed
30
31
32
33
34
35
36
37
38
39
  > div {
    width: 100%;
    min-height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-areas:
      'header'
      'content'
      'footer';
  }
Sandro Lutz's avatar
Sandro Lutz committed
40
41
42
}

section {
Sandro Lutz's avatar
Sandro Lutz committed
43
  width: 100%;
Sandro Lutz's avatar
Sandro Lutz committed
44

Sandro Lutz's avatar
Sandro Lutz committed
45
46
47
  &.blue {
    background-color: @color-dark-blue;
  }
Sandro Lutz's avatar
Sandro Lutz committed
48

Sandro Lutz's avatar
Sandro Lutz committed
49
50
51
  &.grey {
    background-color: @color-grey;
  }
Sandro Lutz's avatar
Sandro Lutz committed
52

Sandro Lutz's avatar
Sandro Lutz committed
53
54
55
56
57
  > * {
    max-width: @dimension-max-content-width;
    padding: 0 1em;
    margin: 0 auto;
  }
Sandro Lutz's avatar
Sandro Lutz committed
58
59
60
}

main {
Sandro Lutz's avatar
Sandro Lutz committed
61
62
  width: 100%;
  min-height: 100%;
Sandro Lutz's avatar
Sandro Lutz committed
63

Sandro Lutz's avatar
Sandro Lutz committed
64
65
66
67
68
  > * {
    max-width: @dimension-max-content-width;
    padding: 0 1em;
    margin: 0 auto;
  }
Cliff Li's avatar
Cliff Li committed
69
70
}

Sandro Lutz's avatar
Sandro Lutz committed
71
72
73
h1 {
  margin: 2em 0;
}
Sandro Lutz's avatar
Sandro Lutz committed
74

Sandro Lutz's avatar
Sandro Lutz committed
75
76
.centered {
  text-align: center;
77
}