wm-fontis/wm-fontis-tibi-2023
3
0
Fork 0
generated from cms/tibi-docs
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

next session

Browse Source
This commit is contained in:
Robin Grenzdörfer
2023-07-15 16:15:17 +00:00
parent d4e21505ad
commit c6d43a95fa
28 changed files with 988 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
frontend/src/lib/components/widgets/nestedCard.svelte Normal file
View File

@@ -0,0 +1,67 @@
<script lang="ts">
export let col: Column
</script>
<div class="cards">
{#each col.nestedCard as card}
<div class="card">
<div class="title">{card.title}</div>
<div class="description">{@html card.description}</div>
</div>
{/each}
</div>
<style lang="less">
@import "../../assets/css/main.less";
.cards {
display: flex;
flex-direction: column;
width: 100%;
flex-wrap: wrap;
gap: 40px;
@media @desktop {
gap: 50px;
flex-direction: row;
.card {
min-width: 35%;
max-width: 50%;
margin-bottom: 50px !important;
padding: 64px 0px 0px 80px !important;
.title {
padding: 13px 20px !important;
}
.description {
padding: 10px 20px !important;
}
}
}
.card {
overflow: hidden;
flex: 1;
margin-bottom: 40px;
position: relative;
padding: 54px 0px 0px 70px;
.title {
position: absolute;
left: 0px;
padding: 7px 10px;
color: @font-color-secondary;
font-family: "LibreCaslonText";
font-size: 1.2rem;
top: 0px;
height: 100px;
width: 320px;
z-index: 9;
background-color: @bg-color-secondary;
}
.description {
position: relative;
z-index: 10;
padding: 5px 10px;
background-color: @bg-color;
}
}
}
</style>