2023-02-18 11:43:12 -07:00
|
|
|
<template>
|
2023-03-14 14:22:50 -07:00
|
|
|
<div class="demo"><slot /></div>
|
2023-02-18 11:43:12 -07:00
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
.demo {
|
2023-03-14 14:22:50 -07:00
|
|
|
background: var(--color-raised-bg);
|
2023-02-18 11:43:12 -07:00
|
|
|
border: 1px solid var(--color-button-bg);
|
2023-03-14 14:22:50 -07:00
|
|
|
border-radius: var(--gap-lg);
|
2023-03-01 17:31:48 -07:00
|
|
|
display: flex;
|
2023-03-14 14:22:50 -07:00
|
|
|
padding: var(--gap-md);
|
2023-03-01 17:31:48 -07:00
|
|
|
gap: var(--gap-md);
|
|
|
|
|
align-items: center;
|
|
|
|
|
flex-wrap: wrap;
|
2023-03-24 15:15:34 -04:00
|
|
|
background: var(--color-raised-bg);
|
|
|
|
|
border-radius: var(--radius-lg);
|
|
|
|
|
padding: var(--gap-md);
|
2023-02-18 11:43:12 -07:00
|
|
|
}
|
|
|
|
|
</style>
|
