base.less 1.2 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 './commissions.less';
Cliff Li's avatar
Cliff Li committed
8
@import './studydocList.less';
Sandro Lutz's avatar
Sandro Lutz committed
9
@import './legalNotice.less';
Sandro Lutz's avatar
Sandro Lutz committed
10
11
@import './header.less';
@import './footer.less';
12
13
@import './eventList.less';
@import './eventDetails.less';
14
@import './jobofferList.less';
Cliff Li's avatar
Cliff Li committed
15

Sandro Lutz's avatar
Sandro Lutz committed
16
html,body {
Sandro Lutz's avatar
Sandro Lutz committed
17
18
19
20
21
22
23
  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
24

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

Sandro Lutz's avatar
Sandro Lutz committed
29
30
31
32
33
34
35
36
37
38
  > 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
39
40
41
}

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

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

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

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

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

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

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

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