1 | <template>
|
2 | <div class="heightFull paddingLeft20 paddingRight20 maxWidth900
|
3 | marginLeftAuto marginRightAuto">
|
4 | <site-header></site-header>
|
5 | <home></home>
|
6 | <site-footer></site-footer>
|
7 | </div>
|
8 | </template>
|
9 |
|
10 | <script>
|
11 | import SiteHeader from './components/SiteHeader'
|
12 | import Home from './components/Home'
|
13 | import SiteFooter from './components/SiteFooter'
|
14 |
|
15 | export default {
|
16 | name: 'app',
|
17 | components: { SiteHeader, Home, SiteFooter }
|
18 | }
|
19 | </script>
|
20 |
|
21 | <style lang="scss">
|
22 | html {
|
23 | overflow: hidden;
|
24 | }
|
25 |
|
26 | html,
|
27 | body {
|
28 | height: 100%;
|
29 | padding: 0;
|
30 | margin: 0;
|
31 | }
|
32 |
|
33 | body {
|
34 | overflow: auto;
|
35 | color: rgba(100, 255, 200, .8);
|
36 | font-family: 'Montserrat', sans-serif;
|
37 | background: #136a8a;
|
38 | background: -webkit-linear-gradient(0, #267871 , #136a8a);
|
39 | background: linear-gradient(0deg, #267871 , #136a8a);
|
40 | background-repeat: no-repeat;
|
41 | background-attachment: fixed;
|
42 | }
|
43 |
|
44 | a.link,
|
45 | a:visited.link {
|
46 | color: rgba(100, 255, 200, .8);
|
47 | fill: rgba(100, 255, 200, .8);
|
48 | transition: color 0.5s ease-in-out,
|
49 | fill 0.5s ease-in-out;
|
50 | }
|
51 | a:hover.link {
|
52 | color: rgba(244, 245, 249, 1);
|
53 | fill: rgba(244, 245, 249, 1);
|
54 | }
|
55 | a.link.border {
|
56 | border-bottom: 2px solid rgba(100, 255, 200, .4);
|
57 | }
|
58 |
|
59 | footer::selection,
|
60 | h1::selection,
|
61 | div::selection,
|
62 | a::selection,
|
63 | code::selection {
|
64 | color: #ddd;
|
65 | background: #482292;
|
66 | }
|
67 |
|
68 | .bgWhisper {
|
69 | background-color: #f4f5f9;
|
70 | }
|
71 |
|
72 | .borderRadius25 {
|
73 | border-radius: 25px;
|
74 | }
|
75 |
|
76 | .button:focus {
|
77 | outline: 0;
|
78 | }
|
79 | .button.disabled,
|
80 | .button.disabled:hover {
|
81 | background-color: #999;
|
82 | }
|
83 | .button:not(.disabled) {
|
84 | box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.15);
|
85 |
|
86 | &:hover {
|
87 | box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.30);
|
88 | }
|
89 |
|
90 | &:active {
|
91 | transform: scale3d(0.96, 0.96, 1);
|
92 | box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
|
93 | }
|
94 | }
|
95 | </style>
|