27 lines
455 B
Svelte
27 lines
455 B
Svelte
<script>
|
|
export let color, text
|
|
</script>
|
|
|
|
<div
|
|
class="color-container"
|
|
style="background-color: {color};"
|
|
>
|
|
<p>{text}</p>
|
|
</div>
|
|
|
|
<style>
|
|
.color-container {
|
|
height: 100px;
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
user-select: none;
|
|
}
|
|
.color-container > p {
|
|
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
font-style: italic;
|
|
font-size: 18px;
|
|
}
|
|
</style>
|