Commander1024/lostplaces-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Renaming place to placeTeaser

Browse Source
This commit is contained in:
reverend
2020-07-31 23:34:39 +02:00
parent 907e0602ce
commit 07830c671d
3 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
components/02_Molecules/placeTeaser/_placeTeaser.scss Normal file
View File

@@ -0,0 +1,42 @@
.LP-Place{
.LP-Place__Image{
width: 280px;
height: 165px;
object-fit: fill;
}
.LP-Place__Assets{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 0.8rem;
padding: 0 10px;
padding-bottom: 10px;
}
.LP-Place__Info{
.LP-Place__Title{
font-family: $-primary-sans-serif-font;
color: $-secondary-color;
font-size: 1rem;
padding: 0px;
margin: 0px;
}
.LP-Place__Description{
font-family: $-primary-sans-serif-accent-font;
color: $-secondary-color;
}
.LP-Place__Detail{
font-family: $-primary-sans-serif-font;
padding: 0;
margin: 0;
margin-top: 5px;
font-size: 0.9rem;
}
}
}

7
components/02_Molecules/placeTeaser/placeTeaser.config.json Normal file
View File

@@ -0,0 +1,7 @@
{
"context": {
"image": "/images/photo_2020-05-02_18-11-21.jpg",
"title": "Kokerei Wiescherhöfen",
"location": "Hamm (Westfalen)"
}
}

22
components/02_Molecules/placeTeaser/placeTeaser.hbs Normal file
View File

@@ -0,0 +1,22 @@
<article class="LP-Place">
<div class="LP-Place__Image">
<img class="LP-Image" src="{{image}}"/>
</div>
<div class="LP-Place__Detail">
<div class="LP-Place__Info">
<h3 class="LP-Place__Title">{{title}}</h3>
<p class="LP-Place__Detail" >{{location}}</p>
</div>
{{# if description}}
<p class="LP-Place__Description">
{{description}}
</p>
{{/if}}
<ul class="LP-Icon__List">
<li class="LP-Icon__Item"><img class="LP-Icon" src="/icons/favourite.svg"/></li>
<li class="LP-Icon__Item"><img class="LP-Icon" src="/icons/location.svg"/></li>
<li class="LP-Icon__Item"><img class="LP-Icon" src="/icons/flag.svg"/></li>
</ul>
</div>
</article>