<template>
  <div class="skillbox public">
    <logo class="public__logo"></logo>
    <router-view class="skillbox__content"></router-view>
    <footer class="skillbox__footer">Footer</footer>
  </div>
</template>

<script>

import Logo from '@/components/icons/Logo';

  export default {
    components: {Logo},
  }
</script>

<style lang="scss" scoped>
  @import "@/styles/_variables.scss";
  @import "@/styles/_mixins.scss";
  @import "@/styles/_default-layout.scss";

  .public {
    max-width: 800px;
    min-width: 320px;
    padding-top: 4*$large-spacing;

    &__logo {
      position: relative;

      width: 260px;
      height: 43px;
    }
  }

</style>
