Renamed SecurityMeasure to Tag

This commit is contained in:
reverend 2020-08-01 10:26:05 +02:00
parent fdd93d1f1b
commit d6ba2cf41b
11 changed files with 56 additions and 26 deletions

View File

@ -7,3 +7,4 @@
@import 'input/input';
@import 'image/image';
@import 'logo/logo';
@import 'tag/tag';

View File

@ -0,0 +1,14 @@
.LP-Tag{
padding: 8px 14px;
background-color: #D7CEC7;
border-radius: 2px;
width: max-content;
.LP-Paragraph{
padding: 0;
margin: 0;
font-family: $-primary-sans-serif-font;
font-size: 1em;
display: inline;
}
}

View File

@ -0,0 +1,6 @@
{
"title": "Tag",
"context": {
"text": "Im a tag"
}
}

View File

@ -0,0 +1,3 @@
<div class="LP-Tag">
{{> @paragraph text=text}}
</div>

View File

@ -1,3 +1,3 @@
@import 'textSection/textSection';
@import 'placeTeaser/placeTeaser';
@import 'securityMeasureList/securityMeasureList';
@import 'tagList/tagList';

View File

@ -1,17 +0,0 @@
.LP-SecurityMeasure__List{
list-style-type: none;
display: flex;
padding:0;
margin: 0;
.LP-SecurityMeasure__Item{
margin: 0 8px;
padding: 8px 14px;
background-color: #D7CEC7;
border-radius: 2px;
.LP-Text{
font-family: $-primary-sans-serif-font;
font-size: 1.2rem;
}
}
}

View File

@ -1,7 +0,0 @@
<ul class="LP-SecurityMeasure__List">
<li class="LP-SecurityMeasure__Item"><span class="LP-Text">Kameras</span></li>
<li class="LP-SecurityMeasure__Item"><span class="LP-Text">Zaun</span></li>
<li class="LP-SecurityMeasure__Item"><span class="LP-Text">Wachhund</span></li>
<li class="LP-SecurityMeasure__Item"><span class="LP-Text">Alarmanlage</span></li>
<li class="LP-SecurityMeasure__Item"><span class="LP-Text">Selbstschussanlage</span></li>
</ul>

View File

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

View File

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

View File

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