<template lang="jade">
	.App(v-bind:class="'is--animation-ready'")
		header.App-header
		router-view
		footer.App-footer
</template>

<script>
import { mixin as sizeClassHelper } from 'tools/size-class-helper';

export default {
	name: 'App',
	mixins: [sizeClassHelper],
	created: function () {}
};
</script>

<style lang="stylus">
	global-reset()

	html
		font-size (font__$mainFontSize px) !important
		overflow-x hidden

	a
		color color__$lightBlue

	.App
		width 100%
		background-color white
		overflow-x hidden
</style>

<template lang="jade">
	.App(v-bind:class="'is--animation-ready'")
		header.App-header
		router-view
		footer.App-footer
</template>

<script>
import { mixin as sizeClassHelper } from 'tools/size-class-helper';

export default {
	name: 'App',
	mixins: [sizeClassHelper],
	created: function () {}
};
</script>

<style lang="stylus">
	global-reset()

	html
		font-size (font__$mainFontSize px) !important
		overflow-x hidden

	a
		color color__$lightBlue

	.App
		width 100%
		background-color white
		overflow-x hidden

	.NavigationBar-logo
		padding-right 20px
</style>

Add right padding to navbar logo
Add right padding to navbar logo
