Skip to content

Commit

Permalink
feat: hr
Browse files Browse the repository at this point in the history
  • Loading branch information
jorb committed Sep 4, 2024
1 parent 03b4838 commit 047cee2
Showing 1 changed file with 25 additions and 0 deletions.
25 changes: 25 additions & 0 deletions src/runtime/components/e/hr.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
<template>
<div class="hr"><slot/></div>
</template>
<style scoped>
.hr {
display: flex;
align-items: center;
text-align: center;
}
.hr::before,
.hr::after {
content: '';
flex: 1;
border-bottom: .125em solid var(--e-color-elev);
}
.hr:not(:empty)::before {
margin-right: .75em;
}
.hr:not(:empty)::after {
margin-left: .75em;
}
</style>

0 comments on commit 047cee2

Please sign in to comment.