This is an automated email from the git hooks/post-receive script. New commit to branch bow-v2-go in repository bow. See https://gitlab.nuiton.org/chorem/bow.git commit 24a3793687ee3e240f1df9495dbab915412c34ab Author: kaufmann <kaufmann@codelutin.com> Date: Tue Apr 14 07:50:29 2020 +0200 Ajout du composant Button --- web/src/components/common/Button.vue | 85 ++++++++++++++++++++++++++++++++++++ 1 file changed, 85 insertions(+) diff --git a/web/src/components/common/Button.vue b/web/src/components/common/Button.vue new file mode 100644 index 0000000..e1ea214 --- /dev/null +++ b/web/src/components/common/Button.vue @@ -0,0 +1,85 @@ +<template> + <button @click="handleClick" + class="button"> + <slot></slot> + </button> +</template> + +<script> + export default { + props: { + icon: null, + }, + methods: { + handleClick(e) { + this.$emit('click', e); + } + } + } +</script> + +<style scoped lang="less"> + + button { + position: relative; + + padding: var(--margin--tiny) var(--margin--small); + + background-color: transparent; + border: 2px solid var(--color-main); + border-right-color: var(--color-main--darker); + border-top-color: var(--color-main--darker); + border-radius: 2px; + color: var(--color-main); + cursor: pointer; + /* font-family: @default-font; */ + /* // font-size: 110%; */ + outline: none; + + transition: color 0.3s ease , border 1s ease ; + + &::after { + content: ''; + position: absolute; + bottom: 0px; + left: 50%; + width: 50%; + height: 1px; + + // border-radius: 50%; + background-color: var(--color-hover); + opacity: 0; + + transform: translate3d(-50%, 0, 0); + transition: all 0.2s ease; + } + + &:hover:not(:disabled) { + border-color: var(--color-hover); + // border-style: dashed; + color: var(--color-hover); + + &::after { + bottom: -6px; + width: 100%; + + opacity: 1 + } + } + + &:not(:disabled) { + cursor: pointer; + } + &:disabled { + background-color: #EEE; + color: #777; + } + + &[filled] { + background-color: var(--color-main); + color: #FFF; + } + } + + +</style> -- To stop receiving notification emails like this one, please contact chorem.org SCM administrator <admin+scm@chorem.org>.