forked from potsda.mn/mobilizon
23 lines
522 B
Vue
23 lines
522 B
Vue
<template>
|
|
<div class="is-divider-vertical" :data-content="dataContent"></div>
|
|
</template>
|
|
<script lang="ts">
|
|
import { Component, Prop, Vue } from "vue-property-decorator";
|
|
|
|
@Component
|
|
export default class VerticalDivider extends Vue {
|
|
@Prop({ default: "Or" }) content!: string;
|
|
|
|
get dataContent() {
|
|
return this.content.toLocaleUpperCase();
|
|
}
|
|
}
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
@import "@/variables.scss";
|
|
|
|
.is-divider-vertical[data-content]::after {
|
|
background-color: $body-background-color;
|
|
}
|
|
</style>
|