Sweeping readability imrpovements
This commit is contained in:
parent
5eb48fb4b6
commit
ebaff6dea0
13 changed files with 1678 additions and 114 deletions
16
components/Card.vue
Normal file
16
components/Card.vue
Normal file
|
@ -0,0 +1,16 @@
|
|||
<template>
|
||||
<div class="m-1 p-5 rounded-lg container bg-opacity-90 bg-slate-900 border-purple-600 border-2">
|
||||
<slot></slot>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
/* Glow effect on border, plus a slight response to hover by changing the border color near the cursor */
|
||||
.container {
|
||||
transition: border-color 0.5s;
|
||||
border-color: #A020F0;
|
||||
box-shadow: 0 0 10px #A020F0;
|
||||
}
|
||||
|
||||
</style>
|
Loading…
Add table
Add a link
Reference in a new issue