Restructured PlaceTeaser
This commit is contained in:
parent
48d32a8dac
commit
a20d599e3f
@ -1,33 +1,22 @@
|
||||
.LP-Place{
|
||||
width: 280px;
|
||||
|
||||
.LP-Place__Image{
|
||||
width: 280px;
|
||||
height: 165px;
|
||||
object-fit: fill;
|
||||
}
|
||||
|
||||
.LP-Place__Assets{
|
||||
.LP-Place__Meta{
|
||||
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{
|
||||
|
||||
}
|
||||
|
||||
.LP-Place__Description{
|
||||
font-family: $-primary-sans-serif-accent-font;
|
||||
color: $-secondary-color;
|
||||
}
|
||||
|
||||
.LP-Place__Detail{
|
||||
}
|
||||
}
|
||||
.LP-Place__Description{
|
||||
font-family: $-primary-sans-serif-accent-font;
|
||||
color: $-secondary-color;
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
@ -5,15 +5,17 @@
|
||||
<div class="LP-Place__Meta">
|
||||
<div class="LP-Place__Info">
|
||||
<span class="LP-Place__Title">{{> @headline headline=title modifier='--teaser'}}</span>
|
||||
<span class="LP-Place__Detail" >{{> @paragraph text=location modifier='--teaser'}}</span>
|
||||
<span class="LP-Place__Detail" >{{> @paragraph text=location modifier='--detail'}}</span>
|
||||
</div>
|
||||
<div class="LP-Place__Description">
|
||||
{{> @paragraph text=description}}
|
||||
</div>
|
||||
<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 class="LP-Place__Icons">
|
||||
<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>
|
||||
</div>
|
||||
</article>
|
Loading…
Reference in New Issue
Block a user