mirror of
https://github.com/jaronpate/folio.git
synced 2026-10-18 17:06:56 +00:00
25 lines
452 B
Vue
25 lines
452 B
Vue
<template>
|
|
<span class="margin-note"><slot /></span>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.margin-note {
|
|
display: block;
|
|
margin: 0.4rem 0 1rem;
|
|
font-size: 0.85rem;
|
|
font-style: italic;
|
|
color: var(--muted);
|
|
line-height: 1.45;
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.margin-note {
|
|
position: absolute;
|
|
left: calc(100% + 2rem);
|
|
width: var(--note-width);
|
|
margin: 0;
|
|
font-size: 0.8rem;
|
|
}
|
|
}
|
|
</style>
|