Skip to content

Instantly share code, notes, and snippets.

@xphong
Created November 11, 2017 19:53
Show Gist options
  • Save xphong/37b9dc7accf48b15fa066c9c37b821c2 to your computer and use it in GitHub Desktop.
Save xphong/37b9dc7accf48b15fa066c9c37b821c2 to your computer and use it in GitHub Desktop.
Marvel API + Vuepack (Vue + Vuex) Blog Post App Code
<template>
<div id="app">
<router-view></router-view>
</div>
</template>
<style>
@import url(https://fonts.googleapis.com/css?family=Lato);
body {
background-color: #f1f2f0;
color: #35342f;
font-family: 'Lato', sans-serif;
}
.page {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin: 80px auto;
}
.fadeIn-animation {
animation: fadeIn 1.5s;
}
.fadeIn-page-animation {
animation: fadeIn 1s;
}
@keyframes fadeIn {
from {
opacity:0;
}
to {
opacity:1;
}
}
@-moz-keyframes fadeIn {
from {
opacity:0;
}
to {
opacity:1;
}
}
@-webkit-keyframes fadeIn {
from {
opacity:0;
}
to {
opacity:1;
}
}
@-o-keyframes fadeIn {
from {
opacity:0;
}
to {
opacity: 1;
}
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment