Styling for lists with HTMlL Elemnts in it
This commit is contained in:
@@ -0,0 +1,14 @@
|
|||||||
|
@mixin RV-ElementList {
|
||||||
|
&__Container {
|
||||||
|
list-style-type: none;
|
||||||
|
@include RV-Reset;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__Item {
|
||||||
|
@include RV-Reset;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.RV-ElementList {
|
||||||
|
@include RV-ElementList;
|
||||||
|
}
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
{
|
||||||
|
"context": {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -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>
|
||||||
Reference in New Issue
Block a user