reverend/scss-library
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Styling for lists with HTMlL Elemnts in it

Browse Source
This commit is contained in:
reverend 2020-08-23 11:38:16 +02:00
parent aead863227
commit 381e3bcca0
3 changed files with 28 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
components/02_Styles/elementList/_elementList.scss Normal file
View File

@ -0,0 +1,14 @@
@mixin RV-ElementList {
&__Container {
list-style-type: none;
@include RV-Reset;
}
&__Item {
@include RV-Reset;
}
}
.RV-ElementList {
@include RV-ElementList;
}

5
components/02_Styles/elementList/elementList.config.json Normal file
View File

@ -0,0 +1,5 @@
{
"context": {
}
}

9
components/02_Styles/elementList/elementList.hbs Normal file
View File

@ -0,0 +1,9 @@
<div class="RV-ElementList">
<ul class="RV-ElementList__Container">
<li class="RV-ElementList__Item"><img src="https://via.placeholder.com/300" alt="300px"></li>
<li class="RV-ElementList__Item"><img src="https://via.placeholder.com/300" alt="300px"></li>
<li class="RV-ElementList__Item"><img src="https://via.placeholder.com/300" alt="300px"></li>
<li class="RV-ElementList__Item"><img src="https://via.placeholder.com/300" alt="300px"></li>
<li class="RV-ElementList__Item"><img src="https://via.placeholder.com/300" alt="300px"></li>
</ul>
</div>