draussenfunker-public/draussenfunker.github.io
1
0
Fork 0
mirror of https://github.com/draussenfunker/draussenfunker.github.io.git synced 2025-12-31 08:29:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

playing around with components

Browse source
This commit is contained in:
julius zeidler 2022-08-10 01:32:59 +02:00
parent d1a086bb75
commit d9b8b900bd
7 changed files with 62 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

30
docs/.vuepress/components/CallToAction.vue Normal file
View file

@ -0,0 +1,30 @@
<template>
<div>
<a :href="link">{{ caption }}</a>
</div>
</template>
<script>
export default {
props: ['caption', 'link', 'image']
}
</script>
<style scoped>
a {
color: white;
background-color: #2ecc71;
box-sizing: border-box;
border-radius: 6px;
padding: 12px 20px;
font-size: 20px;
line-height: 22px;
font-weight: 500;
display: flex;
align-items: center;
box-shadow: 2px 2px 10px rgba(154,171,237,1);
}
a:hover {
background-color: red;
}
</style>

9
docs/.vuepress/components/Funkwetter.vue Normal file
View file

@ -0,0 +1,9 @@
<template>
<h1>caption {{ caption }}</h1>
</template>
<script>
export default {
props: ['caption']
}
</script>