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

Renamed text to paragraph

Browse Source
This commit is contained in:
reverend 2020-08-01 00:09:09 +02:00
parent afb1397f4a
commit 8048aea9df
6 changed files with 25 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/01_Atoms/_atoms.scss
View File

@ -1,6 +1,6 @@
@import 'link/link'; @import 'link/link';
@import 'headline/headline'; @import 'headline/headline';
@import 'text/text'; @import 'paragraph/paragraph';
@import 'icon/icon'; @import 'icon/icon';
@import 'button/button'; @import 'button/button';
@import 'checkbox/checkbox'; @import 'checkbox/checkbox';

13
components/01_Atoms/paragraph/_paragraph.scss Normal file
View File

@ -0,0 +1,13 @@
.LP-Paragraph {
color: black;
font-family: $-primary-serif-font;
font-size: 1.2rem;
&--teaser{
font-family: $-primary-sans-serif-font;
padding: 0;
margin: 0;
margin-top: 5px;
font-size: 0.9rem;
}
}

11
components/01_Atoms/text/text.config.json → components/01_Atoms/paragraph/paragraph.config.json
View File

@ -1,5 +1,14 @@
{ {
"context": { "context": {
"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." "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": "Teaser",
"context":{
"text": "Hamm (Westf)",
"modifier": "--teaser"
}
}
]
} }

1
components/01_Atoms/paragraph/paragraph.hbs Normal file
View File

@ -0,0 +1 @@
<p class="LP-Paragraph LP-Paragraph{{modifier}}">{{text}}</p>

5
components/01_Atoms/text/_text.scss
View File

@ -1,5 +0,0 @@
.LP-Text {
color: black;
font-family: $-primary-serif-font;
font-size: 1.2rem;
}

1
components/01_Atoms/text/text.hbs
View File

@ -1 +0,0 @@
<p class="LP-Text LP-Content">{{text}}</p>