<script>
 import '../reveil.scss'
 import "bootstrap-icons/font/bootstrap-icons.css";

 import {
     //Styles,
 } from 'sveltestrap';

 import Header from '../components/Header.svelte';
 import Toaster from '../components/Toaster.svelte';
</script>

<svelte:head>
    <title>Réveil</title>
</svelte:head>

<!--Styles /-->

<Header
    class="d-none d-lg-flex py-2"
/>
<div class="flex-fill pb-4 pb-lg-2">
    <slot></slot>
</div>
<Toaster />
<Header
    class="d-flex d-lg-none py-1 fixed-bottom"
/>

<style>
 :global(a.badge) {
     text-decoration: none;
 }
</style>
