<script>
export default {
  name: "App",
};
</script>
<template>
  <!-- <router-view class="view sidebar" name="SideBarView"></router-view> -->

  <router-view class="view main-content"></router-view>
</template>
<style lang="scss">
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600");

body,
html {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 18px;
  color: #262626;
}

.flex-container {
  display: flex;
  height: 100%;
  width: 100%;
}

// .flex-child {
//   flex: 1;
//   height: 100%;
//   border: 2px solid yellow;
// }

// .flex-child:first-child {
//     margin-right: 20px;
// }
</style>
