Reconfig of placegrid
This commit is contained in:
parent
488d773f00
commit
1eeb187efa
@ -1,26 +1,23 @@
|
|||||||
.LP-Place__Grid{
|
.LP-PlaceGrid{
|
||||||
margin: 0;
|
.LP-PlaceGrid__Grid{
|
||||||
padding: 0;
|
margin: 0;
|
||||||
list-style-type: none;
|
padding: 0;
|
||||||
display: flex;
|
list-style-type: none;
|
||||||
flex-direction: row;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
>.LP-Place__Item{
|
.LP-PlaceGrid__Item{
|
||||||
margin: 0 15px;
|
margin: 0 15px;
|
||||||
|
margin-bottom: 50px;
|
||||||
margin-bottom: 50px;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.LP-Link{
|
.LP-Link{
|
||||||
.LP-Place__Description{
|
.LP-Place{
|
||||||
display:none;
|
&:hover{
|
||||||
}
|
box-shadow: 0 0 8px $-grey;
|
||||||
|
}
|
||||||
.LP-Place{
|
}
|
||||||
&:hover{
|
}
|
||||||
box-shadow: 0 0 8px $-secondary-color;
|
}
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
@ -1 +1,31 @@
|
|||||||
{}
|
{
|
||||||
|
"title": "PlaceGrid",
|
||||||
|
"context":{
|
||||||
|
"places": [
|
||||||
|
{
|
||||||
|
"image": "/images/photo_2020-04-09_18-27-13.jpg",
|
||||||
|
"name": "Haus Maikotten",
|
||||||
|
"location": "Münster (westfalen)",
|
||||||
|
"description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"image": "/images/Bildschirmfoto_von_2020-07-13_11-03-07.png",
|
||||||
|
"name": "Kokerei in Hamm",
|
||||||
|
"location": "Hamm (westfalen)",
|
||||||
|
"description": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"image": "/images/Bildschirmfoto_von_2020-07-13_20-15-00.png",
|
||||||
|
"name": "Noch ein Zementwerk",
|
||||||
|
"location": "Beckum (Westfalen)",
|
||||||
|
"description": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"image": "/images/photo_2020-05-02_18-11-21.jpg",
|
||||||
|
"name": "Zementwerk Mersmann",
|
||||||
|
"location": "Beckum (Westfalen)",
|
||||||
|
"description": ""
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
@ -1,37 +1,12 @@
|
|||||||
<div class="LP-Content__Wrapper">
|
<div class="LP-PlaceGrid">
|
||||||
<div class="LP-Content">
|
{{> @headline headline='Explorere the latest locations'}}
|
||||||
{{> @headline headline='Explorere the latest locations'}}
|
<ul class="LP-PlaceGrid__Grid">
|
||||||
<ul class="LP-Place__Grid">
|
{{#each places}}
|
||||||
<li class="LP-Place__Item">
|
<li class="LP-PlaceGrid__Item">
|
||||||
<a href="#" class="LP-Link">{{> @place image='/images/photo_2020-04-09_18-27-13.jpg' title='Haus Maikotten' location='Münster (westfalen)' description='Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.'}}</a>
|
<a href="#" class="LP-Link">
|
||||||
</li>
|
{{> @placeteaser image=this.image title=this.name location=this.location description=this.description}}
|
||||||
<li class="LP-Place__Item">
|
</a>
|
||||||
<a href="#" class="LP-Link">{{> @place image='/images/Bildschirmfoto_von_2020-07-13_11-03-07.png' title='Kokerei in Hamm' location='Hamm (westfalen)' }}</a>
|
</li>
|
||||||
</li>
|
{{/each}}
|
||||||
<li class="LP-Place__Item">
|
</ul>
|
||||||
<a href="#" class="LP-Link">{{> @place image='/images/Bildschirmfoto_von_2020-07-13_20-15-00.png' title='Noch ein Zementwerk' location='Beckum (Westfalen)' }}</a>
|
|
||||||
</li>
|
|
||||||
<li class="LP-Place__Item">
|
|
||||||
<a href="#" class="LP-Link">{{> @place image='/images/photo_2020-05-02_18-11-21.jpg' title='Zementwerk Mersmann' location='Beckum (Westfalen)' }}</a>
|
|
||||||
</li>
|
|
||||||
<li class="LP-Place__Item">
|
|
||||||
<a href="#" class="LP-Link">{{> @place image='/images/Bildschirmfoto_von_2020-07-13_20-15-00.png' title='Noch ein Zementwerk' location='Beckum (Westfalen)' }}</a>
|
|
||||||
</li>
|
|
||||||
<li class="LP-Place__Item">
|
|
||||||
<a href="#" class="LP-Link">{{> @place image='/images/photo_2020-04-09_18-27-13.jpg' title='Haus Maikotten' location='Münster (westfalen)' }}</a>
|
|
||||||
</li>
|
|
||||||
<li class="LP-Place__Item">
|
|
||||||
<a href="#" class="LP-Link">{{> @place image='/images/Bildschirmfoto_von_2020-07-13_20-15-00.png' title='Noch ein Zementwerk' location='Beckum (Westfalen)' }}</a>
|
|
||||||
</li>
|
|
||||||
<li class="LP-Place__Item">
|
|
||||||
<a href="#" class="LP-Link">{{> @place image='/images/photo_2020-05-02_18-11-21.jpg' title='Zementwerk Mersmann' location='Beckum (Westfalen)' }}</a>
|
|
||||||
</li>
|
|
||||||
<li class="LP-Place__Item">
|
|
||||||
<a href="#" class="LP-Link">{{> @place image='/images/Bildschirmfoto_von_2020-07-13_20-15-00.png' title='Noch ein Zementwerk' location='Beckum (Westfalen)' }}</a>
|
|
||||||
</li>
|
|
||||||
<li class="LP-Place__Item">
|
|
||||||
<a href="#" class="LP-Link">{{> @place image='/images/Bildschirmfoto_von_2020-07-13_11-03-07.png' title='Kokerei in Hamm' location='Hamm (westfalen)' }}</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user