chad/awesome-cheatsheets
1
0
Fork 0
mirror of https://github.com/LeCoupa/awesome-cheatsheets.git synced 2025-11-08 22:11:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(copyright): final component

Browse Source
This commit is contained in:
Julien
2018-09-09 18:58:41 +02:00
parent a56a5c800a
commit b5c448f697
7 changed files with 160 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
components/CategoryDivider.vue Normal file
View File

@@ -0,0 +1,21 @@
<!-- *************************************************************************
TEMPLATE
************************************************************************* -->
<template lang="pug">
</template>
<!-- *************************************************************************
SCRIPT
************************************************************************* -->
<script>
export default {};
</script>
<!-- *************************************************************************
STYLE
************************************************************************* -->
<style lang="scss"></style>

52
components/TheCopyright.vue Normal file
View File

@@ -0,0 +1,52 @@
<!-- *************************************************************************
TEMPLATE
************************************************************************* -->
<template lang="pug">
.c-the-copyright
span.c-the-copyright__name By LeCoupa
span.c-the-copyright__picture
</template>
<!-- *************************************************************************
SCRIPT
************************************************************************* -->
<script>
export default {};
</script>
<!-- *************************************************************************
STYLE
************************************************************************* -->
<style lang="scss">
$c: ".c-the-copyright";
#{$c} {
display: flex;
align-items: center;
justify-content: center;
padding: 5px 5px 5px 15px;
border-top: 1px solid #313d4f;
border-left: 1px solid #313d4f;
border-top-left-radius: 4px;
background-color: #171e29;
#{$c}__name {
margin-right: 6px;
color: #ffffff;
font-size: 14px;
}
#{$c}__picture {
display: inline-block;
width: 30px;
height: 30px;
border-radius: 100%;
background-size: cover;
background-image: url("/images/common/lecoupa.jpg");
}
}
</style>