footer.less 965 Bytes
Newer Older
1
2
@import './colors.less';

Sandro Lutz's avatar
Sandro Lutz committed
3
footer {
4
  background-color: @color-dark-blue;
lic's avatar
lic committed
5
6
7
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  color: @color-grey;
Sandro Lutz's avatar
Sandro Lutz committed
8

lic's avatar
lic committed
9
  div.copyright {
Sandro Lutz's avatar
Sandro Lutz committed
10
    width: 100%;
lic's avatar
lic committed
11
12
13
14
    display: flex;
    align-items: center;
    justify-content: center;
    grid-column: ~'1 / 3';
Sandro Lutz's avatar
Sandro Lutz committed
15
16
17
18

    .copyright {
      padding-right: 1em;
      border-right: 1px solid #fff;
Sandro Lutz's avatar
Sandro Lutz committed
19
20
21

      @media @mobile {
        display: block;
lic's avatar
lic committed
22
        grid-column: ~'1 / 7';
Sandro Lutz's avatar
Sandro Lutz committed
23
        border-right: none;
lic's avatar
lic committed
24
        padding: 2em 0 0;
Sandro Lutz's avatar
Sandro Lutz committed
25
26
        margin-bottom: 1em;
      }
Sandro Lutz's avatar
Sandro Lutz committed
27
28
29
30
    }

    a {
      margin-left: 1em;
lic's avatar
lic committed
31
      color: @color-red;
Sandro Lutz's avatar
Sandro Lutz committed
32
33
      text-decoration: none;
    }
Sandro Lutz's avatar
Sandro Lutz committed
34
  }
lic's avatar
lic committed
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55

  div.footer-logo {
    width: 100%;
    display: flex;
    justify-content: center;
    grid-column: span 2;

    @media @mobile {
      grid-column: span 3;
    }

    a {
      position: relative;

      img {
        height: 4em;
        max-width: 100%;
        background-color: @color-dark-blue;
      }
    }
  }
Sandro Lutz's avatar
Sandro Lutz committed
56
}