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

Using Scope instead of modifier

Browse Source
This commit is contained in:
reverend
2020-08-01 09:29:27 +02:00
parent 71fda3ddbf
commit 6215b8dd7c
7 changed files with 125 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/01_Atoms/headline/_headline.scss
View File

@@ -16,12 +16,4 @@
&--inline{
display: inline;
}
&--teaser{
font-family: $-primary-sans-serif-font;
color: $-secondary-color;
font-size: 1rem;
padding: 0px;
margin: 0px;
}
}

8
components/01_Atoms/headline/headline.config.json
View File

@@ -9,12 +9,6 @@
"context": {
"modifier": "--main"
}
},
{
"name": "teaser",
"context": {
"modifier": "--teaser"
}
}
}
]
}

8
components/01_Atoms/paragraph/_paragraph.scss
View File

@@ -2,12 +2,4 @@
color: black;
font-family: $-primary-serif-font;
font-size: 1.2rem;
&--detail{
font-family: $-primary-sans-serif-font;
padding: 0;
margin: 0;
margin-top: 5px;
font-size: 0.9rem;
}
}

8
components/01_Atoms/paragraph/paragraph.config.json
View File

@@ -3,12 +3,6 @@
"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."
},
"variants": [
{
"name": "Detail",
"context":{
"text": "Hamm (Westf)",
"modifier": "--detail"
}
}
]
}

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

@@ -10,7 +10,23 @@
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 10px;
padding-bottom: 10px;
.LP-Paragraph{
font-family: $-primary-sans-serif-font;
padding: 0;
margin: 0;
margin-top: 5px;
font-size: 0.9rem;
}
.LP-Headline{
font-family: $-primary-sans-serif-font;
color: $-secondary-color;
font-size: 1rem;
padding: 0px;
margin: 0px;
}
}
.LP-Place__Description{

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

@@ -5,7 +5,7 @@
<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='--detail'}}</span>
<span class="LP-Place__Detail" >{{> @paragraph text=location}}</span>
</div>
<div class="LP-Place__Description">
{{> @paragraph text=description}}