1
1
mirror of https://github.com/namibia/awesome-cheatsheets.git synced 2024-11-15 01:34:06 +00:00
awesome-cheatsheets/components/BaseDivider.vue

52 lines
1.0 KiB
Vue
Raw Normal View History

2018-09-09 16:58:41 +00:00
<!-- *************************************************************************
TEMPLATE
************************************************************************* -->
<template lang="pug">
.c-base-divider
span.c-base-divider__category {{ category }}
2018-09-09 16:58:41 +00:00
hr.c-base-divider__line
2018-09-09 16:58:41 +00:00
</template>
<!-- *************************************************************************
SCRIPT
************************************************************************* -->
<script>
export default {
props: {
category: {
name: String,
required: true
}
}
};
2018-09-09 16:58:41 +00:00
</script>
<!-- *************************************************************************
STYLE
************************************************************************* -->
<style lang="scss">
$c: ".c-base-divider";
#{$c} {
display: flex;
align-items: center;
#{$c}__category {
margin-right: 40px;
color: #ffffff;
text-transform: uppercase;
font-weight: bold;
font-size: 18px;
}
#{$c}__line {
flex: 1;
color: #313d4f;
}
}
</style>