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

Fixed renaming

Browse Source
This commit is contained in:
reverend 2020-08-01 10:30:38 +02:00
parent 1eeb187efa
commit 3404c1fd28
3 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/02_Molecules/placeTeaser/_placeTeaser.scss
View File

@ -1,7 +1,7 @@
.LP-Place{ .LP-PlaceTeaser{
width: 280px; width: 280px;
.LP-Place__Image{ .LP-PlaceTeaser__Image{
height: 165px; height: 165px;
width: 280px; width: 280px;
overflow: hidden; overflow: hidden;
@ -13,7 +13,7 @@
} }
} }
.LP-Place__Meta{ .LP-PlaceTeaser__Meta{
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
@ -36,7 +36,7 @@
} }
} }
.LP-Place__Description{ .LP-PlaceTeaser__Description{
font-family: $-primary-sans-serif-accent-font; font-family: $-primary-sans-serif-accent-font;
color: $-grey; color: $-grey;
display: none; display: none;

16
components/02_Molecules/placeTeaser/placeTeaser.hbs
View File

@ -1,16 +1,16 @@
<article class="LP-Place"> <article class="LP-PlaceTeaser">
<div class="LP-Place__Image"> <div class="LP-PlaceTeaser__Image">
<img class="LP-Image" src="{{image}}"/> <img class="LP-Image" src="{{image}}"/>
</div> </div>
<div class="LP-Place__Meta"> <div class="LP-PlaceTeaser__Meta">
<div class="LP-Place__Info"> <div class="LP-PlaceTeaser__Info">
<span class="LP-Place__Title">{{> @headline headline=title modifier='--teaser'}}</span> <span class="LP-PlaceTeaser__Title">{{> @headline headline=title modifier='--teaser'}}</span>
<span class="LP-Place__Detail" >{{> @paragraph text=location}}</span> <span class="LP-PlaceTeaser__Detail" >{{> @paragraph text=location}}</span>
</div> </div>
<div class="LP-Place__Description"> <div class="LP-PlaceTeaser__Description">
{{> @paragraph text=description}} {{> @paragraph text=description}}
</div> </div>
<div class="LP-Place__Icons"> <div class="LP-PlaceTeaser__Icons">
<ul class="LP-Icon__List"> <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/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/location.svg"/></li>

4
components/03_Organisms/placeGrid/_placeGrid.scss
View File

@ -13,9 +13,9 @@
} }
.LP-Link{ .LP-Link{
.LP-Place{ .LP-PlaceTeaser{
&:hover{ &:hover{
box-shadow: 0 0 8px $-grey; box-shadow: 0 0 2px $-grey;
} }
} }
} }