You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
<script> import Icon from 'fa-svelte' import { faPlus } from '@fortawesome/free-solid-svg-icons/faPlus'
export let header = ""; export let icon = null; </script>
<div on:click class="addboi"> <Icon class="addboi-icon" icon={faPlus} /> <slot></slot> </div>
<style> div.addboi { margin: 0.5em 0 4em 0; padding: 1em 0; text-align: center; border: 4px dotted;
color: #333; font-size: 2em; font-weight: 100;
cursor: pointer; transition: 250ms; }
div.addboi:hover { color: #777;
transition: 250ms; }
div.addboi > :global(.addboi-icon) { position: relative; top: 0.125em; } </style>
|