App.vue 1.03 KB
Newer Older
Lasse Overgaard Møldrup's avatar
Lasse Overgaard Møldrup committed
1
<template>
2
  <div id="site">
Anders B. Clausen's avatar
Anders B. Clausen committed
3
    <Header/>
4
5
    <router-view id="content"/>
    <Footer id="footer"/>
Anders B. Clausen's avatar
Anders B. Clausen committed
6
  </div>
Lasse Overgaard Møldrup's avatar
Lasse Overgaard Møldrup committed
7
8
9
</template>

<script>
Anders B. Clausen's avatar
Anders B. Clausen committed
10
  import Header from '@/components/Header';
Anders B. Clausen's avatar
Anders B. Clausen committed
11
  import Footer from '@/components/Footer';
Lasse Overgaard Møldrup's avatar
Lasse Overgaard Møldrup committed
12

13
14
15
  export default {
    name: 'App',
    components: {
Anders B. Clausen's avatar
Anders B. Clausen committed
16
      Header,
Anders B. Clausen's avatar
Anders B. Clausen committed
17
      Footer
18
    }
Lasse Overgaard Møldrup's avatar
Lasse Overgaard Møldrup committed
19
20
21
22
  }
</script>

<style lang="scss">
23
24
  body, html {
    height: 100%;
25
26
27
    margin: 0;
  }

Lasse Overgaard Møldrup's avatar
Lasse Overgaard Møldrup committed
28
29
30
31
32
  body {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
33
    color: $darker-theme-color;
34
    background-color: $lightest-green-theme-color;
35
    min-width: 320px;
Lasse Overgaard Møldrup's avatar
Lasse Overgaard Møldrup committed
36
37
  }

38
  * {
39
    box-sizing: border-box;
40
41
  }

42
  a {
43
    color: $darker-theme-color;
44
45

    &:hover, &:focus {
46
      color: $theme-color
47
48
49
    }
  }

50
  #app {
51
52
53
    height: 100%;
  }

54
  #content {
55
56
57
    flex: 1 0 auto;
  }

58
  #footer {
59
60
61
62
    flex: 0 0 auto;
  }

  #site {
63
64
    display: flex; 
    flex-direction: column; 
65
    height: 100%;
66
  }
67
68
69
70

  .no-select{
    @include no-select;
  }
Lasse Overgaard Møldrup's avatar
Lasse Overgaard Møldrup committed
71
</style>