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

Converted indentation to spaces globally.

Browse Source
This commit is contained in:
Marcus Scholz
2020-08-17 15:39:17 +02:00
parent e80e93bcaa
commit b64724b586
57 changed files with 857 additions and 857 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
components/02_Molecules/messageList/_messageList.scss
View File

@@ -1,15 +1,15 @@
.LP-MessageList{
padding: 25px;
.LP-MessageList__List{
padding: 0;
margin: 0;
list-style-type: none;
display: flex;
flex-direction: column;
justify-content: space-between;
}
padding: 25px;
.LP-MessageList__List{
padding: 0;
margin: 0;
list-style-type: none;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.LP-MessageList__Item{
margin: 5px 0;
}
.LP-MessageList__Item{
margin: 5px 0;
}
}

8
components/02_Molecules/messageList/messageList.config.json
View File

@@ -1,6 +1,6 @@
{
"title": "Message List",
"context": {
"text": "At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
}
"title": "Message List",
"context": {
"text": "At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
}
}

14
components/02_Molecules/messageList/messageList.hbs
View File

@@ -1,9 +1,9 @@
<div class="LP-MessageList">
<ul class="LP-MessageList__List">
<li class="LP-MessageList__Item">{{> @message messageText=text modifier='--info'}}</li>
<li class="LP-MessageList__Item">{{> @message messageText=text modifier='--warning'}}</li>
<li class="LP-MessageList__Item">{{> @message messageText=text modifier='--error'}}</li>
<li class="LP-MessageList__Item">{{> @message messageText=text modifier='--success'}}</li>
<li class="LP-MessageList__Item">{{> @message messageText=text modifier='--debug'}}</li>
</ul>
<ul class="LP-MessageList__List">
<li class="LP-MessageList__Item">{{> @message messageText=text modifier='--info'}}</li>
<li class="LP-MessageList__Item">{{> @message messageText=text modifier='--warning'}}</li>
<li class="LP-MessageList__Item">{{> @message messageText=text modifier='--error'}}</li>
<li class="LP-MessageList__Item">{{> @message messageText=text modifier='--success'}}</li>
<li class="LP-MessageList__Item">{{> @message messageText=text modifier='--debug'}}</li>
</ul>
</div>

28
components/02_Molecules/navigation/_navigation.scss
View File

@@ -7,8 +7,8 @@
justify-content: space-around;
padding: 0;
margin: 0;
}
}
.LP-Menu__Item {
margin: 0;
text-align: center;
@@ -30,12 +30,12 @@
}
&--sidebar{
border-top: 1px solid $-light-brown;
border-left: none;
border-top: 1px solid $-light-brown;
border-left: none;
min-width: 60px;
background-color: $-almost-white;
padding-top: 25px;
.LP-Menu__List{
flex-direction: column;
@@ -44,14 +44,14 @@
margin-bottom: 10px;
padding-left: 25px;
&--additional{
background-color: #ccc;
}
&--additional{
background-color: #ccc;
}
.LP-Link{
line-height: 1em;
}
.LP-Link{
line-height: 1em;
}
&:last-child{
margin-bottom: 0;
}
@@ -60,9 +60,9 @@
border-right: 2px solid $-light-brown;
position: relative;
background-color: $-beige;
color: $-wine-red;
color: $-wine-red;
}
}
}
}
}

12
components/02_Molecules/navigation/navigation.config.json
View File

@@ -1,10 +1,10 @@
{
"title": "Navigation",
"context": {
"additionalItems": [
"Hello"
]
},
"title": "Navigation",
"context": {
"additionalItems": [
"Hello"
]
},
"variants": [
{
"name": "Sidebar",

6
components/02_Molecules/navigation/navigation.hbs
View File

@@ -1,8 +1,8 @@
<nav class="LP-Menu LP-Menu{{modifier}}">
<ul class="LP-Menu__List">
{{#each additionalItems}}
<li class="LP-Menu__Item LP-Menu__Item--additional">{{> @link text=this}}</li>
{{/each}}
{{#each additionalItems}}
<li class="LP-Menu__Item LP-Menu__Item--additional">{{> @link text=this}}</li>
{{/each}}
<li class="LP-Menu__Item">{{> @link text='Home'}}</li>
<li class="LP-Menu__Item">{{> @link text='About'}}</li>
<li class="LP-Menu__Item">{{> @link text='Contact'}}</li>

22
components/02_Molecules/placeTeaser/placeTeaser.config.json
View File

@@ -2,15 +2,15 @@
"context": {
"image": "/images/photo_2020-05-02_18-11-21.jpg",
"title": "Kokerei Wiescherhöfen",
"location": "Hamm (Westfalen)",
"description": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. "
},
"variants": [
{
"name": "Extended",
"context": {
"modifier": "--extended"
}
}
]
"location": "Hamm (Westfalen)",
"description": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. "
},
"variants": [
{
"name": "Extended",
"context": {
"modifier": "--extended"
}
}
]
}

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

@@ -1,21 +1,21 @@
<article class="LP-PlaceTeaser LP-PlaceTeaser{{modifier}}">
<div class="LP-PlaceTeaser__Image">
<img class="LP-Image" src="{{image}}"/>
</div>
<div class="LP-PlaceTeaser__Image">
<img class="LP-Image" src="{{image}}"/>
</div>
<div class="LP-PlaceTeaser__Meta">
<div class="LP-PlaceTeaser__Info">
<span class="LP-PlaceTeaser__Title">{{> @headline headline=title modifier='--teaser'}}</span>
<span class="LP-PlaceTeaser__Detail" >{{> @paragraph text=location}}</span>
</div>
<div class="LP-PlaceTeaser__Description">
{{> @paragraph text=description}}
</div>
<div class="LP-PlaceTeaser__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 class="LP-PlaceTeaser__Description">
{{> @paragraph text=description}}
</div>
<div class="LP-PlaceTeaser__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>

20
components/02_Molecules/tagList/_tagList.scss
View File

@@ -1,13 +1,13 @@
.LP-TagList{
.LP-TagList__List{
list-style-type: none;
display: flex;
flex-wrap: wrap;
padding:0;
margin: 0;
.LP-TagList__List{
list-style-type: none;
display: flex;
flex-wrap: wrap;
padding:0;
margin: 0;
.LP-TagList__Item{
margin: 6px;
}
}
.LP-TagList__Item{
margin: 6px;
}
}
}

18
components/02_Molecules/tagList/tagList.config.json
View File

@@ -1,11 +1,11 @@
{
"title": "TagList",
"context": {
"tags": [
"Kamera",
"Wachhund",
"Zaun",
"Security"
]
}
"title": "TagList",
"context": {
"tags": [
"Kamera",
"Wachhund",
"Zaun",
"Security"
]
}
}

10
components/02_Molecules/tagList/tagList.hbs
View File

@@ -1,7 +1,7 @@
<div class="LP-TagList">
<ul class="LP-TagList__List">
{{#each tags}}
<li class="LP-TagList__Item">{{> @tag text=this}}</li>
{{/each}}
</ul>
<ul class="LP-TagList__List">
{{#each tags}}
<li class="LP-TagList__Item">{{> @tag text=this}}</li>
{{/each}}
</ul>
</div>

8
components/02_Molecules/textSection/textSection.config.json
View File

@@ -1,6 +1,6 @@
{
"context": {
"headline": "At vero eos et accusam et justo duo dolores",
"text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
}
"context": {
"headline": "At vero eos et accusam et justo duo dolores",
"text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
}
}

10
components/02_Molecules/textSection/textSection.hbs
View File

@@ -1,8 +1,8 @@
<article class="LP-TextSection">
<header class="LP-TextSection__Headline">
{{> @headline headline=headline}}
</header>
<header class="LP-TextSection__Headline">
{{> @headline headline=headline}}
</header>
<div class="LP-TextSection__Text">
{{> @paragraph text=text}}
</div>
{{> @paragraph text=text}}
</div>
</article>