Plain UI 0.6

Layout

Grid

Plain UI uses the Reflex Grid, there will be a full integration of this Grid for better Support.

Masonry

<div class="masonry"> <figure class="masonry__item"> <img class="media object-fit-cover h-100" src="/image.jpg" /> </figure> </div>

Slider

<div class="slider"> <div class="slider__inner"> <div class="slider__item w-col-12"> <figure class="figure w-col-12"> <img class="media" src="/image.jpg" /> <figcaption class="figure__caption"> food truck yr franzen pabst </figcaption> </figure> </div> <div class="slider__item w-col-12"> <figure class="figure w-col-12"> <img class="media" src="/image.jpg" /> <figcaption class="figure__caption"> food truck yr franzen pabst </figcaption> </figure> </div> <div class="slider__item w-col-12"> <figure class="figure w-col-12"> <img class="media" src="/image.jpg" /> <figcaption class="figure__caption"> food truck yr franzen pabst </figcaption> </figure> </div> </div> </div>
food truck yr franzen pabst
food truck yr franzen pabst
food truck yr franzen pabst