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

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

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

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

section {
Sandro Lutz's avatar
Sandro Lutz committed
40
  width: 100%;
Sandro Lutz's avatar
Sandro Lutz committed
41

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

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

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

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

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

Sandro Lutz's avatar
Sandro Lutz committed
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
.infobox {
  width: 100%;
  padding: .5em;
  background-color: @color-grey;
  line-height: 1.5em;
  height: 1.5em;

  img {
    height: 100%;
    margin-right: .5em;
  }

  span {
    vertical-align: super;
  }
83
}