1
1
mirror of https://github.com/namibia/awesome-cheatsheets.git synced 2024-11-15 09:44:16 +00:00
awesome-cheatsheets/components/TheCopyright.vue

71 lines
1.4 KiB
Vue
Raw Normal View History

2018-09-09 16:58:41 +00:00
<!-- *************************************************************************
TEMPLATE
************************************************************************* -->
<template lang="pug">
2018-09-09 17:49:42 +00:00
a(
class="c-the-copyright"
href="https://twitter.com/LeCoupa"
target="_blank"
)
2018-09-09 16:58:41 +00:00
span.c-the-copyright__name By LeCoupa
2018-09-09 22:06:09 +00:00
img(
:src="baseUrl + '/images/common/lecoupa.jpg'"
class="c-the-copyright__picture"
)
2018-09-09 16:58:41 +00:00
</template>
<!-- *************************************************************************
SCRIPT
************************************************************************* -->
<script>
2018-09-09 17:49:42 +00:00
export default {
2018-09-09 22:06:09 +00:00
data() {
return {
// --> STATE <--
baseUrl: process.env.baseUrl
};
},
2018-09-09 17:49:42 +00:00
methods: {
onClick() {
console.log("onClick");
}
}
};
2018-09-09 16:58:41 +00:00
</script>
<!-- *************************************************************************
STYLE
************************************************************************* -->
<style lang="scss">
$c: ".c-the-copyright";
#{$c} {
display: flex;
align-items: center;
justify-content: center;
2018-09-09 23:14:07 +00:00
padding: 5px 10px;
border-top: 1px solid $oxford-blue;
border-left: 1px solid $oxford-blue;
2018-09-09 16:58:41 +00:00
border-top-left-radius: 4px;
2018-09-09 23:14:07 +00:00
background-color: $mirage2;
2018-09-09 16:58:41 +00:00
#{$c}__name {
margin-right: 6px;
2018-09-09 23:14:07 +00:00
color: $white;
2018-09-09 16:58:41 +00:00
font-size: 14px;
}
#{$c}__picture {
display: inline-block;
width: 30px;
height: 30px;
border-radius: 100%;
}
}
</style>